CSS不同浏览器样式不一致？基础兼容方法新手必看

很多新手写CSS，不同浏览器打开样式不一样，有的正常有的错位，今天说一下CSS浏览器兼容的基础解决办法。

先写公共重置样式

每个浏览器对标签的默认样式不一样，比如边距、字体大小，先写一段CSS重置，把所有标签的默认边距、内边距清掉，统一字体大小，这样不同浏览器的基础样式就一致了。

别用太新的CSS特性

新手写CSS别上来就用最新的CSS Grid、flex高级属性，老浏览器不支持，会出现布局错位。用最基础的float、padding、margin，所有浏览器都兼容，做出来的页面在什么浏览器上都正常。

测一下不同浏览器

做完模板，用Chrome、Edge、手机自带浏览器打开看一眼，有没有明显错位，大部分小问题一眼就能看到。

新手做模板，先保证所有浏览器都能正常显示，再追求炫酷效果，别为了一个动画，导致一半用户打不开页面。