一直試圖調試幾個小時。我被要求修復一個「反應敏捷」的網站,這個網站確實很麻煩。我無法在安全的網絡上共享實際的代碼b/c,它們都在本地主機上。希望你能看到有一個燈泡從我的描述中跳出來。CSS媒體查詢不匹配設置寬度的像素
問題,我們有@media(max-width:800px),它會停止影響大約600px寬的頁面元素。
另一個例子,我設置了html{ max-width:1200px}
,但爲了使瀏覽器真正適合我的1200像素瀏覽器窗口,我必須將它設置爲2250px。
我的問題是,這是否對任何人響鈴?我正在瀏覽所有的CSS,並沒有看到任何立即看起來像這個問題的東西。這些傢伙真的分手響應式設計..的Bleh
謝謝..
編輯
這裏是適用
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
...一堆垃圾的meta標籤...
<meta name="viewport" content="width=device-width, initial-scale=1">
(再次)
看起來它與像素比例有關。通常這是爲Retina顯示器實現的。代碼中有類似的東西嗎?像''media query'''中的''-webkit-pixel-ratio''? – knitevision
我還沒有在CSS中看到任何類似的東西 - 搜索了所有的CSS文件,並且找到了一些像素比:2,但它們被註釋掉了。我用來解決問題的媒體查詢是超級簡單的最大寬度。不檢查方向或設備等 –
也許它嵌入在HTML或其他文件中的某個地方?此外,當視口的寬度爲600像素時,開發工具中關於此800px媒體查詢顯示的內容是什麼? – knitevision