V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
mervynfang
V2EX  ›  CSS

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

  •  1
     
  •   mervynfang · 2015-07-23 00:02:57 +08:00 · 4671 次点击
    这是一个创建于 3421 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    2 条回复    2015-07-23 09:06:26 +08:00
    banri
        1
    banri  
       2015-07-23 00:58:03 +08:00
    html下的font-size在大多数浏览器下默认是16px,但是在Firefox下默认为15px
    然后这个数值是可以自定义的,没有必要一定要用100% (也就是默认)

    你要随着窗口大小而改变的话,本身就应该用媒体查询,根据不同设备宽度更该这个根元素的值才对呀
    建议了解一下响应式设计的相关知识 ^^
    surgit
        2
    surgit  
       2015-07-23 09:06:26 +08:00
    用rem布局 会根据html的font-size来改变,你可以用媒体查询到某个宽度来改变布局,也可以监听resize事件来实时改变.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1028 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 21:11 · PVG 05:11 · LAX 13:11 · JFK 16:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.