屏幕分辨率结束后显示图像？

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/