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

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

clipboard.png

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

阅读 2.9k
6 个回答

*width是一种hack,针对IE7的

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

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题