关于rem
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; } /* =14px /
一句话理解viewport
视窗 viewport(viewport的功能在于控制你网站的最高块状(block)容器:元素。 )
推荐使用
建议使用jqm,因为你到后面还是会改成jqm搭配Hammer.js来搭建
为何要用touch事件代替click事件?
- click事件300ms延时
- touch事件支持多点触摸
- 手势操作
盒子边框溢出
当我们指定了一个块级元素时,并且为其定义了边框,设置了其宽度为100%。按照盒子模型,就会发现该元素的左右边框各1个像素会溢了,导致出现横向滚动条,这时候我们可以为其添加-webkit-box-sizing:border-box用来指定该盒子的大小包括边框的宽度。