媒體查詢最大寬度推出

編輯：更多的研究說，這實際上與jQuery returns wrong width and height in Chrome 18.0.1025.168 媒體查詢最大寬度推出

我已經設置了一些媒體的質疑，以及對當前的wordpress主題項目一些JavaScript。一般而言，它們工作正常，但（！）媒體查詢：

@media only screen and (max-width: 980px)

已進入效果已在1075px。

$(document).width() 
1075 
$("body").width() 
1019.4444427490234

這發生在Chrome中，但在safari中它的行爲像它應該的那樣。我沒有檢查過任何其他瀏覽器。

你可以用javacript改變元素寬度來以某種方式銷燬正確的「啓動寬度」查詢嗎？

的CSS：

@media only screen and (max-width: 1060px){ 
.excerpt{ 
    width: 500px; 
    float: left; 
    font-size: 13px; 
} 
} 
@media only screen and (max-width: 980px){ 
.hentry{ 
    height: auto; 
} 
.thumbnail,.excerpt{ 
    float: none; 
    max-height: none; 
} 
p{ 
    font-size: 15px; 
} 
#site-description{ 
    display: none; 
} 
}

最新添加的JavaScript在此之前爆出：

if($(window).width()<1065 || $(document).width()<1065){ 
    if($(document).width()>980){ 
     $(".excerpt").width($(".hentry").width()-515); 
    } else{ 
     $(".excerpt").css("width",""); 
    } 
}

來源

2012-07-10 AAAton

其實，我檢查了我的其他查詢，它們都以錯誤的寬度啓動。每次大約100太寬。所以@media（max-width：320px）在文檔寬度大約爲420px時生效。媒體查詢正在檢查什麼？正文，文件，窗口還是什麼？ – AAAton 2012-07-10 09:35:05

你肯定有事情做與jQuery？

我有同樣的問題（媒體查詢觸發在錯誤的寬度），這裏原因是我的縮放級別在Chrome不是100％。我知道，傻了。

只需按cmd + 0或ctr + 0默認爲100％。

來源

2014-05-15 11:12:57 gw2w

媒體查詢最大寬度推出

回答

相關問題