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

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

  •  
  •   chimingphang · 2016-03-17 21:23:59 +08:00 · 1725 次点击
    这是一个创建于 1407 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    两种写法,
    Mobile First , 默认写的就是 mobile , 然后给其它尺寸的设备添加 media query
    Desktop First ,相反。
    chimingphang
        8
    chimingphang   2016-03-18 08:38:17 +08:00
    @miyuki nice shoot
    chimingphang
        9
    chimingphang   2016-03-18 08:39:40 +08:00
    iyangyuan
        10
    iyangyuan   2016-03-18 09:10:22 +08:00 via iPhone
    这得看设计图吧,语法很简单,具体得看怎么响应
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1804 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 32ms · UTC 07:51 · PVG 15:51 · LAX 23:51 · JFK 02:51
    ♥ Do have faith in what you're doing.