1.尽量使用%代替em、px, 实际是考虑了移动端的页面布局
2.尽量全局使用border-box,更符合认知,同时记得兼容火狐浏览器、IOS和安卓
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
3.标题中出现像wordpress这种过长的英文,在移动端浏览器中容易溢出,超出原本的box-sizing, 建议使用缩写代替。
1.尽量使用%代替em、px, 实际是考虑了移动端的页面布局
2.尽量全局使用border-box,更符合认知,同时记得兼容火狐浏览器、IOS和安卓
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
3.标题中出现像wordpress这种过长的英文,在移动端浏览器中容易溢出,超出原本的box-sizing, 建议使用缩写代替。