logo标签列表

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

javascriptbrowserwidth
4

是否有可能获取浏览器的宽度，并在宽度大于1000px时进行相应操作？

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

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

现代化的方法：媒体查询

<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()文档。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接