[英]If browser width is greater that 1000px, show images
是否有可能獲得瀏覽器Web視圖的寬度並在其大於1000px時對其進行操作?
示例(偽代碼):如果瀏覽器寬度大於1000px;
<div style="position:fixed; top:0; left:0; z-index:1; visibility:visible;">
<img src="images/borderleft.png">
</div>
現代方式:媒體查詢
<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()文檔 。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.