css中的屏幕分辨率不同

时间:2012-09-28 12:34:22

标签: css

大家好我是CSS的新手。我的问题是如何使我的设计与不同的屏幕分辨率兼容。顺便说一下,我检查了wc3验证器,没有错误。我定义了一个div标签,用于显示不同分辨率的页面,这是我的标签:

.page {
    width: 964px;
    margin-left: auto;
    margin-right: auto;
    height:990px;
    background-image:url(../images/shadow.png);
    background-repeat:repeat-y;
}

我的意思是当我用17“屏幕看我的网站时,我的页面看起来与19”屏幕不同

2 个答案:

答案 0 :(得分:3)

您需要搜索自适应设计CSS,您可以使设计使用所有百分比金额进行调整,或者为特定分辨率创建样式表。

看看:

Responsive Wire Frames

答案 1 :(得分:2)

您可以使用CSS3媒体查询实现

同时检查Responsive Design and Techniques媒体查询