极客观点
研发管理
HarmonyOS
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>
一般不会给body直接添加宽高属性的，而是在头部添加下面代码，让页面自动适应设备屏幕宽度。