CSS字体大小不同（仅可在移动设备上查看）

我已经为…建立了一个移动网站。。。但不幸的是，我遇到了一些障碍，需要你的帮助。我再也看不到这些问题了

问题：上面显示了p和li的不同尺寸，尽管它们都设置为1rem。同样的情况也发生在这里，所有的东西看起来都很小或者其他的页面

CSS代码

@media screen and (max-device-width: 800px) {
body {background: none;}
#logo {margin-left: 0px;}
#header {width: 100%; padding: 1.875rem;}
#container {width: 100%; padding: 1.875rem;}
.box {width: 100%; margin: 0;}
#leftcol {display: none;}
#rightcol {width: auto; background: rgba(255, 255, 255, .93);}
img {max-width: 100% !important; height: auto;}
p {font-size: 1rem; margin-bottom: 1rem;}
h1 {font-size: 2.5rem; font-weight: bold;}
h2 {font-size: 2rem; font-weight: bold;}
.kasten {width: 100%;}
.person1 {font-size: 1rem; width: 40%; float: left; margin-right: 10rem;}
.person2 {margin-bottom:1.5rem;}
li {font-size: 1rem;}
}

---

你错过了一个，但这似乎不是原因，我想也许你可以先检查一下你的html结构。我也注意到，媒体查询似乎没有从第一个问题页面的那一点开始。是的，我添加了缺少的/ul，但这不是问题所在，因为在其他页面上我没有错过它\您是否设置了视口元标记来控制移动设备上的缩放？杰夫，你想加上这个作为回答，这样我就可以对这个问题进行评分和清理了吗？谢谢，伙计。我想，我现在已经解决了只剩下一个小问题：当我用移动设备访问网站时，它总是有点放大，在右边留下一些mm。有人知道为什么？