iPhone Scaling:无法查看完整网站
iPhone Scaling:无法查看完整网站
提问于 2012-08-13 10:49:23
我遇到了一些问题，因为页面没有太多内容，所以高度很小。iPhone正在缩放页面，因此，我看不到整个菜单栏(960px宽)。我使用媒体查询为肖像模式和具有最小分辨率的移动设备设置了最小高度。我真的不喜欢这样做，因为我不知道这将如何在其他设备上工作，它只有在用户不旋转屏幕的情况下才有效(旋转后，原始问题再次出现)。
有没有什么方法可以强制iphone显示最小宽度为960px，即使内容的高度不会充满屏幕？
回答 2
Stack Overflow用户
发布于 2012-08-13 10:56:06
你可以使用这个META标签控制苹果移动设备的视窗宽度和最大比例(允许深度访问者放大)：
<meta name="viewport" content="width=960px, maximum-scale=1.0" />
也适用于Android和其他移动浏览设备。
Stack Overflow用户
发布于 2013-08-15 16:24:21
默认情况下，无论实际屏幕分辨率或方向如何，iOS浏览器都会提供一组默认屏幕尺寸。
为了让他们为提供@media标签和实际的屏幕尺寸，有一个他们会遵守的Meta标签：
<meta name="viewport" content="width=device-width, initial-scale=1">如果你把它添加到你的页面上，那么你的@media命令应该与每个设备的实际屏幕分辨率一起工作。这样你就可以完全控制你的@media查询
然后你可以使用像width: 100%这样的东西来使用实际的屏幕宽度。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11927658
复制相关文章
相似问题
腾讯云开发者
