我可能是个假的工程师——background-size属性

我记得在开头的css部分,我介绍过这个属性,可以设置背景图片的大小的。

但是前两天才知道,background-size属性是CSS3的属性,而不是CSS2的属性,因此兼容性也不是很好,IE678全都不支持这个属性。

75Y7J(ZUF4HV}1G)JGD5H5M

后来询问了一下导师,得知这个属性在pc页面上一般是不使用的,只有在移动端的页面上才需要用到这个属性,因为移动端一般是要做除二的处理的。

pc端页面不适用background-size属性的原因有如下两点:

第一个原因是兼容性问题。现在部分重要的pc端的页面都需要兼容到IE7以上,如果只需要兼容到IE9以上的话,还是可以用这个属性的,不过还需要注意一下第二点。

第二个原因就是图片模糊的问题。如果图片是100px*100px的大小,而我们的元素是110*110的大小,然后使用background-size:100%之后,这个图片就有可能会变模糊来占满整个元素。设计师一般都是很在意这一点的,因此尽量图片切出来是多大的,在页面中设置此图为背景图片的元素就是多大的,这样就不会出现模糊的问题了。

共有 0 条评论

Top