浏览器宽高,html div宽高自适应问题(保证展示最佳效果的宽高、div高度占满浏览器)..."/>
html自动计算浏览器宽高,html div宽高自适应问题(保证展示最佳效果的宽高、div高度占满浏览器)...
一、布局如下:
二、设计目标:
1、高度要占满整个浏览器的可视高度。
2、div高度可变化,但内容不能溢出。
3、缩放浏览器、或更改分辨率,都可完美的自适应。
三、设计思路:
1、宽度自适应,网上有很多关于“负边距”的技术。
2、高度自适应?没有负边距技术中用到的float,不能使用负边距实现。
3、div中使用min-height,保证最小的压缩高度,浏览器再小,就会出现滚动条。
四、设计代码
top 需要自适应,但最小不能小于25px center 需要自适应,但最小不能小于300px bottom 需要自适应,但最小不能小于277pxbody
{</
更多推荐
html自动计算浏览器宽高,html div宽高自适应问题(保证展示最佳效果的宽高、div高度占满浏览器)...
发布评论