如果屏幕分辨率結束，顯示圖像？

Question

我正在尋找一種方法來只顯示圖像，如果屏幕分辨率高於x，x爲網頁。它目前僅使用HTML/CSS的網站，儘管我對創意持開放態度。

如果這是可能的任何幫助將不勝感激。

謝謝。

Answer 1

對於這一點，我們通常使用媒體查詢

// Set Defaults for Small displays like Mobile 
.img { 
    display:none; // your image class or can be img tag 
} 

// Desktop and landscape tablets more than 960 px 
@media (min-width: 960px){ 
    .img { display: block; margin: 0 auto;} // your image class or can be img tag 
} 

如果你有興趣只是看看這個tutorial

Answer 2

.img 
{ 
    display:none; 
} 
@media (min-width:800px) and (max-width:1200px) 
{ 

.img{display:block;} 

} 

你可以訪問這個網站以獲取更多信息 http://www.ibm.com/developerworks/library/wa-cssqueries/