gpt4 book ai didi

ios - 为什么一个普通的网页在 iOS 上会被放大?

转载 作者:太空宇宙 更新时间:2023-11-04 04:28:49 25 4
gpt4 key购买 nike

为什么 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>里面

Working example (standalone)

Working example (jsfiddle)

背景:默认情况下,移动版 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com