在一個網站上工作但不是另一個網站上的媒體查詢

我正在兩個不同的響應網站上工作（兩個工作正在進行中，一個來自lynda.com僅供練習使用）。據我所知，這第一個我做得很好。 HTML是HERE，CSS是HERE。在一個網站上工作但不是另一個網站上的媒體查詢

然後我開始在這個上面工作，創建了和上面一樣的css，但是隻針對@media屏幕和（max-width：768px）的媒體查詢由於某種原因沒有加載。 HTML是HERE和CSS是HERE。我花了數小時試圖找出爲什麼，我迷路了。我沒有任何分歧，但一個正在工作，一個不是。任何建議你會非常感謝！

我只是在瀏覽器中測試它們。

謝謝！

來源

2012-09-26 Kim

我剛剛注意到你的reset.css在你的網站CSS下面。你可能想要扭轉它們。 – seangates

嗨 - 謝謝，但這對媒體查詢問題沒有影響。 – Kim

我知道它不會。只是發表評論。 – seangates

我認爲這個問題是一個網站在其HTML中有一個「meta ... viewport ...」，而在另一個網站上，該語句被註釋掉了。

在沒有「元...視口...」的網站中，媒體查詢實際上是針對無約束的「視口」而不是「屏幕」的尺寸進行測試的（過於簡單化是「設備有時會說謊」）。另一方面，在具有「meta ... viewport ... width = device-width」的網站中，「媒體查詢」測試之前，「視口」寬度被強制降低爲與「屏幕」寬度相同，所以您得到不同的答案（特別是在較小的設備上）。（視您所瞄準的設備而定，您可能需要深入瞭解一個「視口」。視口的行爲方式有充分的理由，請不要誤解我的諷刺「設備有時候會說謊「的意思是」視口是一個壞主意「）。

來源

2012-09-26 19:34:17

在一個網站上工作但不是另一個網站上的媒體查詢

回答

相關問題