//以下是示例代码 body{ margin:0; padding:0; }
首先,大家需要明确一点,这个问题不是CSS本身的问题,而是和不同安卓机的浏览器内核有关系。因此,大家需要针对不同的机型适配,根据测试,发现这个问题主要出现在以下几个浏览器内核:
- UC浏览器
- QQ浏览器
- 360浏览器
解决方法如下:
1. 在CSS中使用清除浮动的方法,例如:添加 clearfix 类,代码如下:
.clearfix::before, .clearfix::after{ display: table; content: ""; clear:both; } .clearfix{ *zoom:1; }
2. 对于使用了flex布局的元素,可以尝试使用以下代码清除浮动:
display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;
3. 将body和html的margin和padding属性设置为0,代码如下:
body,html{ margin:0; padding:0; }
总之,大家需要针对不同的浏览器内核做出适配,确保大家的CSS在所有设备上都可以正常显示。