mervynfang
V2EX  ›  CSS

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

  •  1
     
  •   mervynfang · Jul 23, 2015 · 5133 views
    This topic created in 3948 days ago, the information mentioned may be changed or developed.

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

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

    你要随着窗口大小而改变的话,本身就应该用媒体查询,根据不同设备宽度更该这个根元素的值才对呀
    建议了解一下响应式设计的相关知识 ^^
    surgit
        2
    surgit  
       Jul 23, 2015
    用rem布局 会根据html的font-size来改变,你可以用媒体查询到某个宽度来改变布局,也可以监听resize事件来实时改变.
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1301 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 23:51 · PVG 07:51 · LAX 16:51 · JFK 19:51
    ♥ Do have faith in what you're doing.