首页 新闻 搜索 专区 学院

写响应式页面时(不用响应式框架),怎样让div高度自适应?

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

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

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

shuangcherry的主页 shuangcherry | 初学一级 | 园豆:196
提问于:2017-09-21 16:30
< >
分享
所有回答(4)
0

k框架也是媒体查询.

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

通过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
0

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

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

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

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

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

风中灵叶 | 园豆:142 (初学一级) | 2017-09-23 09:48
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册