12 2015 档案

移动前端相关解决方案整理
摘要：meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari体验demo，解决在主屏幕打开页面后，点击页面链接不会跳转到系统自带的Safari将网站添... 阅读全文
posted @ 2015-12-29 10:40 axl234 阅读(366) 评论(0) 推荐(0)
常用页面布局方式介绍
摘要：单列布局水平居中水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素）使用inline-block 和 text-align实现.parent{t... 阅读全文
posted @ 2015-12-26 15:24 axl234 阅读(4991) 评论(0) 推荐(0)
移动端制作的常见问题及解决方法
摘要：常见的问题问题：手机端click事件会有大约300ms的延迟原因：手机端事件touchstart--\>touchmove-->touchendortouchcancel-->click，因为在touch事件触发之后，浏览器要判断用户是否会做出双击屏幕的操作，所以会等待300ms来判断，再做出是否触... 阅读全文
posted @ 2015-12-26 14:57 axl234 阅读(314) 评论(0) 推荐(0)
手机端页面自适应：rem布局
摘要：rem布局非常简单，首页你只需在页面引入这段原生js代码就可以了 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in windo... 阅读全文
posted @ 2015-12-25 10:24 axl234 阅读(503) 评论(0) 推荐(0)
移动前端头部标签(HTML5 head meta)
摘要：移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 ... 阅读全文
posted @ 2015-12-24 17:47 axl234 阅读(287) 评论(0) 推荐(0)
最全面的前端开发指南
摘要：HTML语义HTML5为我们提供了很多旨在精确描述内容的语义元素。确保你可以从它丰富的词汇中获益。 Blog post Published: 21st Feb, 2015 … Blog post Published: ... 阅读全文
posted @ 2015-12-18 19:20 axl234 阅读(271) 评论(0) 推荐(0)
解决jQuery.live在mobile safari（iphone / ipad / ipod）绑定失败的问题
摘要：解决方案：给要使用live绑定事件的元素，添加“cursor:pointer”样式即可！如：a,input,td{cursor:pointer;} 阅读全文
posted @ 2015-12-11 14:25 axl234 阅读(212) 评论(0) 推荐(0)