移动端布局知识

别来无恙 提交于 2019-11-29 08:39:17

关于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用来指定该盒子的大小包括边框的宽度。

推荐使用的移动端UI组件

http://frozenui.github.io/frozenui/demo/ui.html

转载于:https://my.oschina.net/u/1792175/blog/598039

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!