移动端页面宽度问题
html,body {
width: 100%;
height: 100%;
font-family: Arial,"Microsoft YaHei";
text-align: center;
overflow: hidden;
background-color: #ffffff;
}
.body {
width: 100%;
}这种样式的话，无论宽度怎么调整，都会有一个左右滑动的效果，就是页面总是比屏幕宽。
.body {
width: 100%;
height: 100%;
font-family: Arial,"Microsoft YaHei";
text-align: center;
overflow: hidden;
background-color: #ffffff;
}去掉html,body样式，写在.body里面后，就没有这种情况了。
这俩种有什么区别吗？
H5页面body这样写的：
<body>
<div class="body">xxxxx</div>
</body>如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
一般不会给body直接添加宽高属性的，而是在头部添加下面代码，让页面自动适应设备屏幕宽度。