2012-09-28 199 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/ –