今天遇到一个问题关于使用
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这个手机端依旧无法显示完整网页,总结了2个想法
- 不能同时出现两个viewport用来定义缩放比例
- 尽量写在前面,我之前把他写在title标签下面依旧不起作用
viewport属性及介绍:
项目 | Value |
---|---|
width | 控制视口的宽度。可以像width=1200这样设为确切的像素数(device-width) |
initial-scale | 控制页面最初加载时的缩放等级,一般设置1.0 |
maximum-scale、minimum-scale及user-scalable | 控制允许用户以怎样的方式放大或缩小页面 |