目前web移动端开发大家都使用什么适配方案,各大论坛给出的方案几乎都是设置viewport,然后使用rem布局,然而淘宝lib-flexible都开始提议使用vh、vw,但是却没见有那个网站在用,那大家现在是如何适配移动端的呢?
目前web移动端开发大家都使用什么适配方案,各大论坛给出的方案几乎都是设置viewport,然后使用rem布局,然而淘宝lib-flexible都开始提议使用vh、vw,但是却没见有那个网站在用,那大家现在是如何适配移动端的呢?
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
rem方案用的多些,主要是好控制,也好算。vw.vh也有用到,一般来说只有视口(宽或高)长度的整数百分比(比如25%或者50%)这种场景才偶尔会用,因为百分比由于计算上会带来小数故有一定误差;再加上适配多机型在宽高比不同时,统一用百分比会引起失真等问题,所以实际用的不多。
以前写图形比较多的H5时,还用过js整体缩放和SVG两种方案,主要是页面容器独立于视口,在保证宽高比与设计稿一致的情况下,允许页面稍有溢出或保留黑边。两种方案的不同之处在于前者是用js设置样式暴力缩放,后者则借用了SVG自身的视口缩放,配合ps脚本自动切图做自动化的页面输出。