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

时间:2015-06-08 21:15:57

标签: html css

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

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

代码:



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




我的网站: Breaks website

我的deffault网站没有宽度身高 Without breaks

1 个答案:

答案 0 :(得分:2)

CSS中的

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

* { width:1600px; }

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

body { width:1600px; }

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

div#main { width:1600px; }