gpt4 book ai didi

iphone - 移动媒体查询 - 宽度不正确

转载 作者:行者123 更新时间:2023-11-28 19:10:38 26 4
gpt4 key购买 nike

我一直在开发响应式网站。我一直在使用 Chrome 开发人员工具将屏幕大小覆盖为 320px,并使用媒体查询来更改 CSS。这是我使用的媒体查询:

@media only screen 
and (max-width : 480px) {

在我的浏览器上它工作正常并且我得到了这个(将视口(viewport)设置为 320 x 480 像素):

enter image description here

然而,在 iPhone 5 上查看时,结果是这样的,它与全角版本相同] 2 :

enter image description here

您可以查看完整的媒体查询 CSS here

最佳答案

添加这个

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

在你的<head>标签。

这意味着您的网站将缩放到设备宽度而不是默认宽度。

关于iphone - 移动媒体查询 - 宽度不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16014489/

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