
利用缩放快速实现页面横版适配
在移动端,我们经常需要将后端管理系统等页面进行横版适配。对于 d2admin 等系统,直接旋转 css 处理可能会遇到样式错位等问题。
然而,我们有更简单的方法:
设置页面在移动端的缩放比例为 0.5 倍。这样,页面就会缩小到一半,并以横版方式正常展示,就像在 pc 端一样。
具体代码如下:
其中:
- width=device-width:页面宽度与设备宽度相同
- user-scalable=yes:允许用户缩放页面
- initial-scale=0.5:初始缩放比例为 0.5 倍
- maximum-scale=1.0:最大缩放比例为 1 倍
- minimum-scale=0.5:最小缩放比例为 0.5 倍










