如果屏幕分辨率结束，显示图像？

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/