基於EM的媒體查詢不適用於Android瀏覽器v4.3

Question

我在一個項目中，該項目從移動設備（在我的情況下為Android瀏覽器4.3）打開時不應用媒體查詢。

為了簡化問題並在此處顯示，我僅用以下代碼創建了一個超級簡單的在線演示：

<!doctype html>
<html lang="es">
<head>
      <title>EM TESTER</title>
      <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1,  minimum-scale=1, user-scalable=yes">
   <style>

      body{background-color: yellow;}

      @media screen and (max-width: 25em) {
         body{background-color:red;}
   </style>
   </head>
   <body>
      <div style="font-size:300%;">25 EM TESTER</div>
   </body>
</html>

當我從手機上打開它時，它的背景應該是紅色，因為它的寬度小於25 em，但它並不適用。

這可以在Android上的Chrome上正常運行， 但不能從Android瀏覽器4.3上正常運行。 我已經在將近10個設備上對此進行了測試，並且即使在其他Android瀏覽器版本上，它們也都能正常工作（背景顏色為紅色）。

是否有任何已知的錯誤？

如果我使用PX而不是EM設置媒體查詢，則可以正確應用。

Answer 1

不同的瀏覽器/設備存在不同的問題，而移動瀏覽器尤其容易出錯。 僅僅是您的手機還是所有android設備？ 這可能僅僅是與該瀏覽器或設備有關的問題。 在其他移動瀏覽器上進行測試，看看哪些瀏覽器有此問題。 縮小范圍，然后您可以開始研究更具體的問題。 另外，請仔細檢查您的移動瀏覽器的屏幕寬度，有時這可能會造成混淆。

基於EM的媒體查詢不適用於Android瀏覽器v4.3

問題描述

1 個解決方案

解決方案1
1 已采納 2014-09-13 14:41:23

基於EM的媒體查詢不適用於Android瀏覽器v4.3

問題描述

1 個解決方案

解決方案1 1 已采納 2014-09-13 14:41:23

解決方案1
1 已采納 2014-09-13 14:41:23