网站布局在某些分辨率下会中断

Question

我创建了一个网站模板，但是当我设置尺寸时，我的网站会中断。

我的分辨率为1600x900，当我在另一台显示器上打开另一个尺寸的模板时，我的网站会中断。

代码：

＆＃13;

＆＃13;

* {
  font-family: 'PT Sans', sans-serif;
  width: 1600px;
  height: auto;
}

＆＃13;

＆＃13;

＆＃13;

我的网站：

我的deffault网站没有宽度和身高

Answer 1

CSS中的

*是一个通配符。因此，当你设置

* { width:1600px; }

将页面中的每个元素设置为1600px的宽度。相反，只设置正文：

body { width:1600px; }

或创建一个具有特定ID的<div>来封装您的网页：

div#main { width:1600px; }