自适应宽度的页面……

[fanzeyi]

RT... 真的好难做……

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

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

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

[zhuang]

Bootstrap 2 可以考虑一下

[karuto]

inheritance, percentage, rem

[xhslyf]

你要怎么个自适应呢？左侧那栏宽度固定，右侧自适应？

[tux]

左边DVI固定宽度
右边DVI宽100%
右边DVI的左margin=左边DVI的宽

[ant_sz]

@media 好好吧…哈哈

[flyingkid]

这个页面可能就是那条线的问题吧。

这个布局不难搞定。不考虑ie6那就更简单了。

[deepure]

[udonmai]

自适应用js的话一般不都是需要更换背景图的分辨率或者更改对不同终端的支持比如移动终端和电脑之间的切换。。

[BB9z]

这个布局不算难啊。

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

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

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

头像类似。

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

其实高宽同时自适应最快最有效的方式还是table……

[BB9z]

main
|-- main-inner
|-- sider fix

[fanzeyi]

@BB9z 哦哦 果然是我昨天傻逼了…… 加了 width: 100%; ...

[BB9z]

@fanzeyi 谁都有2B的时候 :)

[liyandong]

一般自适应的不太难写呀。不过。如果border的left和right比较多的话，要注意些，不能按100%写

[fanzeyi]

@liyandong 嗯 主要是昨天傻逼了给某个层加上了 100% ...

[liyandong]

@fanzeyi 呵呵。确实。如果代码写多了的话，查错比较麻烦些。但是有审查元素这个东西就简单多了