viewport 移动端适配
viewport 移动端适配有两种方式
方式一:
在head中加入上面一行代码,然后设计稿按照750的尺寸写,手机就会自动根据屏幕大小自动缩放。
方式二:
在head中加入上面一行代码,然后设计稿按照750的尺寸写,在写入一下js代码
总结:
我觉得原理是一样的,都是控制 initial-scale 的值,只不过方式一是自动控制,方式二是代码控制
缺点:
1、border 太细可能在缩小的时候消失
2、后端返回的 html 字符串,在前端显示的时候可能会样式错乱,需要跟后端沟通好