在开发网页的时候，由于浏览器的差异，会造成css 代码需要写不同的样式，才能适配大部分浏览器，这很烦，但是又不得不做，我把其中用得比较多的那些，做了一个归纳，放在这里，开发的时候，直接打开这里，复制粘贴就可以了，不必去百度或者谷歌查那些代码，这样可以节省一部分时间；
其中个人用的比较多的，有以下这些：
border-radius
box-sizing
box-shadow
这里只是一部分，后续遇到了，再继续更新：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> div.abox { position: relative; margin: 100px auto; width: 200px; height: 200px; background: #ff0000; border: 1px solid #eee; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-shadow: 0px 0px 20px #000; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=‘#969696‘, Direction=135, Strength=5); /*for ie6,7,8*/ -moz-box-shadow: 2px 2px 5px #969696; /*firefox*/ -webkit-box-shadow: 2px 2px 5px #969696; /*webkit*/ box-shadow: 2px 2px 5px #969696; /*opera或ie9*/ } </style> </head> <body> <div class="abox"> </div> </body> </html>
效果图：
原文：https://www.cnblogs.com/huanying2015/p/10311108.html