chimingphang
V2EX  ›  CSS

响应式 css 代码编写的思路?

  •  
  •   chimingphang ·
    chimingphang · Mar 17, 2016 · 3508 views
    This topic created in 3732 days ago, the information mentioned may be changed or developed.

    响应式 css 代码编写的思路是怎样子的?我现在写的时候比较乱,一时添加一点这个,一是添加一点那个。求指点下

    10 replies    2016-03-18 09:10:22 +08:00
    Neo
        1
    Neo  
       Mar 17, 2016
    找个框架用一下,基本不用写太多了
    bdbai
        2
    bdbai  
       Mar 17, 2016 via iPhone
    用 Less 或 Sass 预编译,加到构建工具 /打包工具 /npm scripts 中跑。
    chimingphang
        3
    chimingphang  
    OP
       Mar 17, 2016
    @Neo 有时候用框架但是没有自己要的效果就要自己写
    chimingphang
        4
    chimingphang  
    OP
       Mar 17, 2016
    是不是该先写完 desktop,然后再写 mobile ?
    ByZHkc3
        5
    ByZHkc3  
       Mar 17, 2016
    看下 css3 的媒体查询~
    7timesonenight
        7
    7timesonenight  
       Mar 17, 2016   ❤️ 1
    @chimingphang

    两种写法,
    Mobile First , 默认写的就是 mobile , 然后给其它尺寸的设备添加 media query
    Desktop First ,相反。
    chimingphang
        8
    chimingphang  
    OP
       Mar 18, 2016
    @miyuki nice shoot
    chimingphang
        9
    chimingphang  
    OP
       Mar 18, 2016
    iyangyuan
        10
    iyangyuan  
       Mar 18, 2016 via iPhone
    这得看设计图吧,语法很简单,具体得看怎么响应
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3041 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 04:10 · PVG 12:10 · LAX 21:10 · JFK 00:10
    ♥ Do have faith in what you're doing.