作者：ChidumeNnamdi译者：前端小智来源：smashingmagazine在浏览器中实现用户界面时，尽量减少浏览器引入的方差，使用户界面具有可预测性。跟踪所有这些差异可能很困难，因此为了方便起见，我整理了一些常见问题及其解决方案。1.重置按钮和输入元素的背景添加按钮时，重置其背景，否则在不同的浏览器中看起来会有所不同。在下面的示例中，相同的按钮在Chrome和Safari中，后者添加了默认的灰色背景。重置按钮的样式可以解决一些问题：button{appearance:none;background:transparent;}示例源代码：https://codepen.io/shadeed/pe...2.Overflow:scrollVsauto来限制元素的高度并且允许用户在其中滚动，可以添加overflow：滚动-y。它在macOS上的Chrome上看起来很棒。但是，在Windows上，滚动条始终存在（即使内容很短）。这是因为scroll-y不管内容是什么都会显示滚动条，这时候我们可以使用overflow:auto，只在需要的时候显示滚动条。.element{高度：300px；overflow-y:auto;}示例源码：https://codepen.io/shadeed/pe...3.添加flex-wrap对多个子元素使用display:flex，如果元素太大more,all子元素会被压缩，如下图：
