网页被切断了

Question

我知道很多人就此提出问题，但我的div存在间距问题。 我的网页的主要div标签是1024px。问题是我的小屏幕部分 页面被切断，你必须水平滚动。我如何解决这个问题，以便页面能够 适合任何窗口？ （尤其是较小的） 我不想使用宽度：100％属性，因为我已经将宽度定义为1024px。 这是我的主要div标签的属性：

<div id="main" style=" margin: 0 auto; padding-top: 50px; width:1024px;">
my content.....
</div>

Answer 1

网页的更常见宽度是960px，只是为了避免您遇到的问题。抱歉，将页面放入较小屏幕的唯一方法是减小主要div的宽度。

Answer 2

如果您使用固定宽度（在本例中为1024px），则无法使页面适合任何窗口。

您应该阅读Responsive Web Design，其中解释了如何将灵活性融入您的设计中。

Answer 3

我假设你不希望它更宽而不是1024px？如果是这样，请在其上设置max-width属性：

#main { 
    max-width: 1024px; 
}

然后，它将适合屏幕，但不会大于1024。