欢迎光临散文网 会员登陆 & 注册

viewport 移动端适配

2022-01-14 14:32 作者:不良人王德发  | 我要投稿

viewport 移动端适配有两种方式

方式一:

在head中加入上面一行代码,然后设计稿按照750的尺寸写,手机就会自动根据屏幕大小自动缩放。

方式二:

在head中加入上面一行代码,然后设计稿按照750的尺寸写,在写入一下js代码

总结:
我觉得原理是一样的,都是控制 initial-scale 的值,只不过方式一是自动控制,方式二是代码控制

缺点:

1、border 太细可能在缩小的时候消失

2、后端返回的 html 字符串,在前端显示的时候可能会样式错乱,需要跟后端沟通好

viewport 移动端适配的评论 (共 条)

分享到微博请遵守国家法律