gpt4 book ai didi

iphone - 最大宽度对 iPhone 没有影响

转载 作者:太空宇宙 更新时间:2023-11-04 14:59:12 24 4
gpt4 key购买 nike

我正在尝试使我的网页显示的页面宽度与手机屏幕的页面宽度相等。因此,例如,html 页面的分辨率就是查看它的手机屏幕的分辨率。如果它是在计算机上查看的,我希望它显示在一个 div 中,侧面有白色边框。所以,我在我的 CSS 中做了这个:

html {
max-width: 400px;
margin: 0 auto;
}

但是当 iPhone 屏幕的宽度小于 400px 时,整个页面就在 iPhone 屏幕上缩小了?为什么?我该如何解决这个问题?

更新 - 截图如下。 enter image description here

最佳答案

http://jsfiddle.net/8KwVE/2/

您可以尝试使用响应式主题。

HTML

<head>
//other stuff
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>

CSS

//iphone is horizontal
@media only screen and (max-width : 480px) {
body{
width:100%;
}
//other code!
}
//iphone is vertical
@media only screen and (max-width : 320px) {
body{
width:100%;
}
//other code!
}

关于iphone - 最大宽度对 iPhone 没有影响,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16638959/

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