为什么 this jsfiddle page在 iOS 6.1 上的 Mobile Safari 上查看时出现到目前为止缩小了吗？我希望它占据整个宽度，但它却缩小了。我有如下非常无聊的 CSS，但我遗漏了一些东西。
.foo {
overflow: auto;
overflow-y: hidden;
height: 100px;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
}
.foo ul li {
display: inline-block;
border: 1px blue solid;
max-width: 100px;
overflow: auto;
white-space: normal;
}
最佳答案
添加
<meta name="viewport" content="initial-scale=1.0,width=device-width" />
在<head>里面
背景:默认情况下，移动版 Safari 显示 Canvas 宽度为 980px 的页面(参见 this answer )，“宽度”参数会覆盖此值，“设备宽度”会自动将其设置为任意大小(或纵向/横向) ) 你正在使用。它最初由 Apple 推出，但 pretty much everything now supports it .
为了在 jsFiddle 中工作，您需要将元标记添加到 CSS Pane ，但将其包装在 </style> 中。/<style type="text/css">标签，所以它出现在头部。此外，普通的嵌入共享链接将不起作用，因为所有内容都包含在 iframe 中，因此您需要直接拆分其中的内容:.../show/light/
(如果您有 Mac，iOS 模拟器对于此类事情很方便 - 需要安装 XCode。还有 Chrome 开发工具 > 设置(齿轮图标，右下角)> 覆盖 > 设备指标)
关于ios - 为什么一个普通的网页在 iOS 上会被放大？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17713754/