web移动端元素标准值设定

  • css基础样式表

代码:

*,
*::before,
*::after{
margin:0;
padding:0;
//设置宽度从元素外部起计算
box-sizing:border-box;  
-webkit-box-sizing:border-box;
//点击高亮效果的清除
tap-highlight-color:transparent;
-webkit-tap-highlight-color:transparent;
}

解释:移动端布局非固定像素,通过box-sizing设置所有元素标签与伪类宽度从padding,border最外面算起,避免百分比宽度难以计算问题,从而解决网页无故出现滚动条问题。

最后修改:2021 年 05 月 22 日 10 : 20 PM
如果觉得我的文章对你有用,请随意赞赏