css - 我的(宽)页面在低分辨率下看起来很奇怪

Question

我在让宽度为 900px 的页面在宽度低于 900px 的分辨率下看起来不错时遇到了一些麻烦。这包括智能手机等移动设备。看起来我在页面上放大了，但无法滚动或缩小。我的页面包装器被定义为以屏幕为中心。这是包装器的 CSS

#wrapper{
position: absolute;
left: 50%;
margin-left:-450px;
width: 900px;
min-height: 100%;
height: auto;
}

Answer 1

我会这样做:

body {
    min-width: 900px;
}

还将解决您在智能手机以外的设备上遇到的问题。

-编辑-

要解决您的初始缩放问题，请为视口(viewport)添加 <meta> ( https://developer.mozilla.org/en/Mobile/Viewport_meta_tag ):

<meta name="viewport" content="width=1000">