如果瀏覽器寬度大於1000像素，則顯示圖像

Question

如果瀏覽器Web視圖的寬度大於1000像素，是否可以獲取瀏覽器Web視圖的寬度並對其執行操作？

示例（僞代碼）： 如果瀏覽器寬度大於1000px;

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

Answer 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。