好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css3兼容转码

CSS3是现代网页设计中必不可少的技术之一,然而不同浏览器对CSS3的支持程度并不相同,这就需要我们进行兼容转码。

/* 对于部分浏览器不支持的属性,我们需要添加厂商前缀 */
div{
-webkit-border-radius:5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* 对于不支持CSS3的浏览器,我们需要提供一份备用的CSS样式,通常这种样式会舍弃一些动画效果和装饰效果 */
@media screen and (max-width: 768px) {
div{
background-color: #999;
border: 1px solid #ccc;
font-size: 14px;
}
}

除了上述两种方式之外,还有一些第三方的兼容转码库,比如说Normalize.css,这种库可以为不同浏览器提供近似的CSS样式。

 

总而言之,CSS3的兼容转码是网页设计中必不可少的一环,只有做好兼容性工作,才能确保网站在不同的浏览器下都能正常运行。

查看更多关于css3兼容转码的详细内容...

  阅读:57次

上一篇: css3入门pdf下载

下一篇:css3做无限滚动