关于响应式元素的尺寸问题

Question

最近刚刚开始看相应的视频，还不太会写，刚刚看了一个响应式的demo，发现css文件中的宽度都是这么写的

不太明白为什么宽度精确到这么多位数，也不明白为啥要写两遍，求指点。。。谢谢。。。

Answer 1

*width是一种hack，针对IE7的

Answer 2

*width是IE6、7的hack，为了浏览器兼容的。
正常差不多精确到2至三位就可以了。

Answer 3

一般来说不会是手动去计算这么精确的值，
你可以去看下px2rem
比如按设计图18px，通过转换在手机上显示0.166667rem，具体转换比例可以自己设置。
至于写2遍就是兼容问题了。

Answer 4

大概是用 sass/less 之类来生成的, 手动的话我不觉得会有人这么闲...

Answer 5

• 精确的问题：这么多小数位并不是人为写的，是通过自动化工作流环境编译出来的，你可以简单理解通过lass或者sass,但是不仅限于这两种预编译语言。

• *width的问题：这个是一种csshack的写法，目的是兼容一些低版本的浏览器。不过如果要做响应式开发，就不要考虑低版本的浏览器的，因为不管你如何兼容，“IE6/IE7总能找到方法不兼容”--laugh

Answer 6

我觉得你看的视频可能太老了。。开发2年了，都还没遇到过要兼容 IE6/7的情况