Wordpress 不遵守移動設備上的 css 規則

Question

我不敢說 wordpress 中有一個錯誤，但這讓我很困惑。 當我在 chrome 中將以下內容視為 html 文件時，它可以完美運行。 當我嘗試在 wordpress 中執行此操作時，我在不同的移動設備上遇到了各種各樣的問題。 本質上，左右 id 並沒有占用分配的寬度。 我停用了所有插件，除了添加 css 代碼，我做了健康檢查，都沒有對問題產生任何見解。 這是代碼：

<!DOCTYPE html>
<html>
<head>
  <style>
  #container{
   display:flex;
   justify-content:start;
   width:100vw;
   font-size:3vw;
}

#left{
   width:35vw;
   border:solid black 1px;
   border-shadow:border-box;
}

#right{
   width:65vw;
   border:solid black 1px;
   border-shadow:border-box;
   text-align:center;
}
   </style>
</head>
<body>
  <div id="container">
     <div id="left">mobile</div>
     <div id="right"> different devices have problems</div>
  </div>
</body>
</html>

我需要幫助的頁面： https://www.sustainablewestonma.org/test-2/

Answer 1

在您的網站上，有一個 html 的 CSS 規則html, body包含min-width: 490px

這會導致您的body比小型設備上的屏幕更寬（即或多或少任何縱向的智能手機）。 right / left規則適用，但它們的百分比是從body寬 490px 計算的。

Wordpress 不遵守移動設備上的 css 規則

問題描述

1 個解決方案

解決方案1
1 已采納 2019-11-13 00:25:37

Wordpress 不遵守移動設備上的 css 規則

問題描述

1 個解決方案

解決方案1 1 已采納 2019-11-13 00:25:37

解決方案1
1 已采納 2019-11-13 00:25:37