个人中心
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
文章推荐： java - 将 semver 版本字符串 (10.2.3) 转换为 long
文章推荐： jquery - 使用函数作为参数的包装方法
文章推荐： C++不随机化
文章推荐： html - 文本对齐 :center not working even after setting display:block
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com