我不敢说wordpress中有一个bug，但这让我很困惑。当我在chrome中以html文件的形式查看以下内容时，它可以完美地工作。当我尝试在wordpress中这样做时，我在不同的移动设备上遇到了各种各样的问题。从本质上讲，左id和右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/
在您的网站上，有一个html, body的CSS规则，其中包含min-width: 490px
这会导致您的body比小型设备上的屏幕更宽(即，或多或少任何纵向智能手机(。适用right/left规则，但它们的百分比是根据body宽度490px计算的。