V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
fanzeyi
V2EX  ›  CSS

自适应宽度的页面……

  •  
  •   fanzeyi ·
    fanzeyi · Apr 2, 2012 · 6382 views
    This topic created in 5148 days ago, the information mentioned may be changed or developed.
    RT... 真的好难做……

    今天晚上做了一个.. 宽度真是各种麻烦.. 最后被迫用 js 搞了宽度的自适应.. 感觉好不爽..

    有什么技巧么.... 求教..

    PS. 俺做的这个, 饭否网页客户端.. 感觉渣掉了.. 基本抄的 http://obtvse.herokuapp.com/ :

    15 replies    1970-01-01 08:00:00 +08:00
    zhuang
        1
    zhuang  
       Apr 2, 2012 via iPhone
    Bootstrap 2 可以考虑一下
    karuto
        2
    karuto  
       Apr 2, 2012
    inheritance, percentage, rem
    YFZZ
        3
    YFZZ  
    PRO
       Apr 2, 2012
    你要怎么个自适应呢?左侧那栏宽度固定,右侧自适应?
    tux
        4
    tux  
       Apr 2, 2012
    左边DVI固定宽度
    右边DVI宽100%
    右边DVI的左margin=左边DVI的宽
    ant_sz
        5
    ant_sz  
       Apr 2, 2012 via iPad
    @media 好好吧…哈哈
    flyingkid
        6
    flyingkid  
       Apr 2, 2012
    这个页面可能就是那条线的问题吧。

    这个布局不难搞定。不考虑ie6那就更简单了。
    deepure
        7
    deepure  
       Apr 2, 2012
    udonmai
        8
    udonmai  
       Apr 2, 2012
    自适应用js的话一般不都是需要更换背景图的分辨率或者更改对不同终端的支持比如移动终端和电脑之间的切换。。
    BB9z
        9
    BB9z  
       Apr 2, 2012
    这个布局不算难啊。

    在我的经验里,用div做自适应布局的一个技巧就是避免/减少 100%的显式声明,div本身具有自适应性。

    大半年没写CSS了,以下仅供参考……

    main 左留固定边距
    main-inner
    sider fix(IE6 absolute或js)定位到左上,无边距100%高

    头像类似。

    不过更好的方法好像是overflow, http://hikejun.com/blog/2011/10/26/近期面试感受/

    其实高宽同时自适应最快最有效的方式还是table……
    BB9z
        10
    BB9z  
       Apr 2, 2012
    main
    |-- main-inner
    |-- sider fix
    fanzeyi
        11
    fanzeyi  
    OP
       Apr 2, 2012
    @BB9z 哦哦 果然是我昨天傻逼了…… 加了 width: 100%; ...
    BB9z
        12
    BB9z  
       Apr 2, 2012
    @fanzeyi 谁都有2B的时候 :)
    liyandong
        13
    liyandong  
       Apr 2, 2012
    一般自适应的不太难写呀。不过。如果border的left和right比较多的话,要注意些,不能按100%写
    fanzeyi
        14
    fanzeyi  
    OP
       Apr 2, 2012
    @liyandong 嗯 主要是昨天傻逼了给某个层加上了 100% ...
    liyandong
        15
    liyandong  
       Apr 2, 2012
    @fanzeyi 呵呵。确实。如果代码写多了的话,查错比较麻烦些。但是有审查元素这个东西就简单多了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1359 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 49ms · UTC 17:06 · PVG 01:06 · LAX 10:06 · JFK 13:06
    ♥ Do have faith in what you're doing.