写响应式页面时（不用响应式框架），怎样让div高度自适应？

悬赏园豆：5 [待解决问题]

我能想到的是用媒体查询来适应不同屏幕，但是这样有两个缺点：一个是要写很多媒体查询的语句，另一个是不能平滑过渡。还有什么其他的方法吗？还是说用响应式框架来写，但是用框架的话，感觉很多部分还是需要自己调，而且做的项目不是很大。

纠结这个问题好久了，求解答。

shuangcherry | 初学一级 | 园豆：196
提问于：2017-09-21 16:30

< >

所有回答(4)

k框架也是媒体查询.

吴瑞祥 | 园豆：29449 (高人七级) | 2017-09-21 16:31

通过js来获取当前屏幕显示的内容高度，然后根据获取的实际高度，动态改变div的高度即可。

hero小呆 | 园豆：204 (菜鸟二级) | 2017-09-22 11:12

能不能只用css办到

支持(0) 反对(0) shuangcherry | 园豆：196 (初学一级) | 2017-09-22 16:04

@shuangcherry: 你可以尝试使用百分比布局，这样也能达到自适应的效果

支持(0) 反对(0) hero小呆 | 园豆：204 (菜鸟二级) | 2017-09-22 16:09

@hreo小呆: 这样宽度是可以，高度你还是要写具体的px，内层才能用百分比

支持(0) 反对(0) shuangcherry | 园豆：196 (初学一级) | 2017-09-22 16:20

@shuangcherry: 你给外层也加上百分比的高度，然后将positon都换成relative再试试，应该可以的。

支持(0) 反对(0) hero小呆 | 园豆：204 (菜鸟二级) | 2017-09-22 16:49

不想用现成的就自己写一个呗。

爱编程的大叔 | 园豆：30844 (高人七级) | 2017-09-22 14:18

还是初级，这对我来说有点难度

支持(0) 反对(0) shuangcherry | 园豆：196 (初学一级) | 2017-09-22 16:03

width:"100%",宽度就行了，高度我以前用好像不好使，你再试试别的

风中灵叶 | 园豆：142 (初学一级) | 2017-09-23 09:48

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。