2012-09-28 153 views
0

大家好我是新来的CSS。我的问题是如何让我的设计与不同的屏幕分辨率兼容。顺便说一下,我检查了wc3验证器没有错误。我定义一个div标签,它是与不同的分辨率在这里展示我的网页是我的标签:不同的屏幕分辨率在css

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

当我看到我的网站17" 我的意思是画面,我的网页时,会出现超过19" 种不同的屏幕

+0

你的意思是,'width'和'高度div的所有类型的决议应该是相同的? –

+0

你必须编写媒体查询到css – pkachhia

+0

是@Mr_Green例如,当我看到我的网站与17“屏幕我的网页出现不同于19”屏幕 – Teodoris

回答

3

您需要搜索响应式设计CSS,您可以使设计使用所有百分比数量进行大小调整,也可以为特定分辨率创建样式表。

看一看:

Responsive Wire Frames

2

你可以用CSS achive 3媒体查询

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

+0

开创性工作也可在以下网址找到:http://www.alistapart.com/articles/responsive-web-design/ –