圖像相對於屏幕分辨率

Question

寬度我剛剛看了看這個網站：

http://www.morphix.si/#home

，我想知道怎樣才能圖像的寬度可以被調整到屏幕分辨率？ （或者換句話說：他們是如何安排這樣的CSS所以它看起來是一樣在每一個畫面）

Answer 1

如果你正在談論的background-image比這裏是一個CSS3的解決方案

background: url(images/image.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

而且如果您有興趣設計與每個屏幕兼容的佈局，則可以使用特定於屏幕分辨率的@media查詢，通常用於響應式設計，如

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
    /* Styles goes here */ 
}