车身宽度不变答案

【问题标题】：Body width doesn't change车身宽度不变
【发布时间】：2026-01-18 22:10:01
【问题描述】：

我正在为不响应媒体查询的旧功能手机制作一个固定宽度 (120 像素) 的网站。即使我将它定义为 120px，body 的宽度也不会改变。当我在手机上打开网站时，它会显示一个巨大的水平滚动条，在右侧显示了很多空白区域，我假设是正文。在随附的屏幕截图中，我将主体的背景颜色设置为红色，以便您可以看到问题（为了客户隐私，我还必须将内容涂黑）。我正在使用以下代码：

html {

width:120x;
margin-left:0px;

}

body{
    width:120px;
    font-family: arial;
    font: arial;
    margin-left: 0px;
    max-width:120px;
}

【问题讨论】：

background-color 在什么元素上？元素之一必须溢出。如果要隐藏它，请尝试将溢出隐藏添加到正文。
我建议你使用 width:100% 而不是 120px，所以它至少可以利用全宽 :-)。还有 Guy 发布的内容，有些东西可能比身体更宽，如果难以调试，请尝试为所有内容添加边框。

标签： html css

【解决方案1】：

我认为你这里有一个错字：

html {

width:120x;
margin-left:0px;

}

宽度应为 120px

【讨论】：

【解决方案2】：

删除错字：

html {
  width: 120px;
  margin-left: 0px;
}

【讨论】：

【解决方案3】：

我认为您必须使用 un child 以最大宽度包装您的内容。

和标签不允许做你想做的事。

HTML

<div class="wrapper">
    Your content goes here
</div>

CSS

html,
body {
    margin: 0;
    height: 100%;
}

.wrapper {
    box-sizing: border-box;
    position: relative;
    padding: 20px;
    width: 120px;
    height: 100%;
    font-size: 14px;
    background-color: #d63b24;
    color: #fff;
}

http://jsfiddle.net/vinzcelavi/1rx7yn57/

【讨论】：

【解决方案4】：

试试这个

body {
    min-width: 1024px;
}

这是你的小提琴：http://jsfiddle.net/enxRw/1/

【讨论】：