CSS3 单位 rem 怎么没办法随浏览器窗口大小改变而改变

2015-07-23 00:02:57 +08:00
 mervynfang

<html>为默认16px
width和top（单位rem）在chrome调试可看出不会变化，数值是正确的，为16*（x rem）px
这是怎么回事儿呢

4667 次点击
所在节点    CSS
2 条回复
banri
2015-07-23 00:58:03 +08:00
html下的font-size在大多数浏览器下默认是16px，但是在Firefox下默认为15px
然后这个数值是可以自定义的，没有必要一定要用100% （也就是默认）

你要随着窗口大小而改变的话，本身就应该用媒体查询，根据不同设备宽度更该这个根元素的值才对呀
建议了解一下响应式设计的相关知识 ^^
surgit
2015-07-23 09:06:26 +08:00
用rem布局 会根据html的font-size来改变,你可以用媒体查询到某个宽度来改变布局,也可以监听resize事件来实时改变.

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/207676

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX