最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
正确设置viewport解决苹果手机宽度不自适应问题
时间：2014-03-25 编辑：简简单单 来源：一聚教程网
如果你也遇到了同样的问题，想要快速的解决掉它。你可以试着将viewport设置或添加成如下CODE:
| 代码如下 | 复制代码 |
如果恰巧解决了这个问题，那么恭喜你！
两种：
1、缩放自适应
2、响应式布局
第一种，缩放自适应的页面， 可以使用
| 代码如下 | 复制代码 |
|
|
|
第二种，复杂的响应式布局，实际就是要求页面在切换横屏时不放大，从而留出空白用以填充或调整列布局。
此时可以看到无论width还是initial-scale都无法限制横屏时的放大，因而必须用上minimum/maximum-scale,而width和initial-scale则推荐使用initial-scale，使三个scale参数统一。
| 代码如下 | 复制代码 |
|
|
|
如果你在Android，或其它移动设备上也遇到了分辨率与页面尺寸不符的情况，你也可以试着怀疑一下viewport。
相关文章
- sora软件价格介绍 02-22
- sora官网入口地址一览 02-22
- Sora生成的视频使用教程 02-22
- 《梦幻西游》元宵灯谜线索答案大全2024 02-22
- 《原神》有朋自远方来第一天通关攻略 02-22
- 《苏醒之路》四个结局达成攻略 02-22