如果浏览器宽度大于 1000 像素，则显示图像

【问题标题】：If browser width is greater that 1000px, show images如果浏览器宽度大于 1000 像素，则显示图像
【发布时间】：2011-07-28 02:50:11
【问题描述】：

如果大于1000px，是否可以获取浏览器web view的宽度并对其进行操作？

示例（伪代码）：如果浏览器宽度大于1000px;

<div style="position:fixed; top:0; left:0; z-index:1; visibility:visible;">
<img src="images/borderleft.png">
</div>

【问题讨论】：

标签： javascript browser width

【解决方案1】：

现代方式：媒体查询

<div class="showWide">
<img src="images/borderleft.png">
</div>

// in your css file
.showWide {
   position:fixed; 
   top:0; 
   left:0; 
   z-index:1;
   visibility: hidden;
}

@media only screen and (min-width: 1000px) {
    .showWide {
        visibility: visible;
     }
}

2011 方式：jQuery

// returns width of browser viewport
if( $(window).width() > 1000)
{
  //add or unhide image.
}

更多信息...jquery width() documentation。

【讨论】：