[分享]css兼容ie谷歌360浏览器

随着互联网的发展，网站的制作已经变得越来越普遍。而且在很多网站中，CSS作为web页面中最重要的一部分，也变得更加流行。但是，在不同的浏览器上，CSS的显示效果有时会因浏览器版本和浏览器种类而不同。因...

随着互联网的发展，网站的制作已经变得越来越普遍。而且在很多网站中，CSS作为web页面中最重要的一部分，也变得更加流行。但是，在不同的浏览器上，CSS的显示效果有时会因浏览器版本和浏览器种类而不同。因此，如何才能做到在多个浏览器中使用CSS并保证它的兼容性呢？

首先，要了解不同的浏览器所支持的CSS属??以及它们对这些属性的实现方式。然后使用CSShack，它是一种技巧，可以通过判断浏览器的版本和名称来使用相应的CSS代码。这种方法虽然有用，但却具有一定的局限性，因为它可能不适应新版本的浏览器。

现在，最好的方法是使用流行的CSS库，比如Bootstrap和Foundation等，这些库会在不同浏览器中保证CSS的兼容性。另外，CSS3和HTML5都有不错的兼容性，毕竟它们是新一代的web标准。

// CSShack代码示例
/*ie6以下为属性color:yellow,其他为color:blue*/
* html #box{color: yellow;}/*ie6*/
*+html #box{color: blue;}/*ie7*/
@media screen and (-webkit-min-device-pixel-ratio:0){
/*safari、chrome*/
#box{color: red;}
}
@media all and (min-width:0px){
/*opera、firefox*/
#box{color: blue;}
} 

总之，在选择CSS库和使用CSShack等技巧时要非常谨慎，避免引入其他的CSS兼容性问题。另外，建议优化你的代码和页面设计，以提高网站的速度并降低兼容性问题的风险。