我为http://bit.ly/1Hwbn94建立了一个移动网站...但不幸的是，我遇到了一些障碍，我需要你的帮助。我再也看不到问题了。
问题：在http://bit.ly/1DXm9m4上，它显示了p和li的不同大小，尽管它们都设置为1rem。同样的事情发生在http://bit.ly/1EmktnD（这里似乎一切都很小）或其他页面上。
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;}
}