目前大家是如何适配移动端的?

目前web移动端开发大家都使用什么适配方案,各大论坛给出的方案几乎都是设置viewport,然后使用rem布局,然而淘宝lib-flexible都开始提议使用vh、vw,但是却没见有那个网站在用,那大家现在是如何适配移动端的呢?

阅读 2.8k
6 个回答

rem方案用的多些,主要是好控制,也好算。vw.vh也有用到,一般来说只有视口(宽或高)长度的整数百分比(比如25%或者50%)这种场景才偶尔会用,因为百分比由于计算上会带来小数故有一定误差;再加上适配多机型在宽高比不同时,统一用百分比会引起失真等问题,所以实际用的不多。
以前写图形比较多的H5时,还用过js整体缩放和SVG两种方案,主要是页面容器独立于视口,在保证宽高比与设计稿一致的情况下,允许页面稍有溢出或保留黑边。两种方案的不同之处在于前者是用js设置样式暴力缩放,后者则借用了SVG自身的视口缩放,配合ps脚本自动切图做自动化的页面输出。

一般都是用lib-flexible

一般用rem吧,然后根据媒体查询,统一修改根节点字体大小,就可以适配各种尺寸的屏幕了

rem+flex布局,现在比较好的方式,当然用vh+vw也是可以的

新手上路,请多包涵

用rem来完成移动端的适配

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题