在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ div要給固定高度,如何根據(jù)實(shí)際做動(dòng)態(tài)調(diào)整

div要給固定高度,如何根據(jù)實(shí)際做動(dòng)態(tài)調(diào)整

這個(gè)問題困擾了我很久,問題是這樣的,在使用一些別人的插件,或者你自己做一些功能的時(shí)候,
比如百度地圖(需要你給一個(gè)div作為容器,并且指定高度),自己在移動(dòng)端寫一個(gè)右側(cè)彈出功能做為菜單選擇(也要固定高度,然后設(shè)置overflow,讓多出的內(nèi)容可以滾動(dòng),一般這個(gè)高度要和設(shè)備屏幕顯示高度一致)。

問題普遍反映需要對(duì)容器設(shè)置固定高度,因?yàn)楦叨仁枪潭ǖ?,所以要有?shí)際值,然而電腦分辨率和手機(jī)分辨率都不一樣,為了讓容器鋪滿高度應(yīng)該和屏幕做適配,所以直接設(shè)置固定值不行,我一般做法是在加載頁面的時(shí)候,先用js獲取設(shè)備高度修改容器的height屬性,在去對(duì)容器做操作。

我覺得應(yīng)該有更好的方法,因?yàn)樵谑褂靡恍┱椎腢I框架的時(shí)候,都是對(duì)不同設(shè)備做出適配的(如果是使用js獲取高度去設(shè)置容器的,當(dāng)改變?cè)O(shè)備時(shí),容器因?yàn)檎w的高度發(fā)生變化就出問題了,需要你刷新頁面去執(zhí)行js對(duì)容器賦值新的高度,然而使用別人的框架沒有這樣的問題),對(duì)CSS不是很熟悉,是不是有這樣的機(jī)制可以做到? 來大佬指導(dǎo)下。

回答
編輯回答
巷尾

100vh 滿屏高度,100vw 滿屏寬度;

2017年3月10日 06:15
編輯回答
情皺

不知道你的布局啥樣的。實(shí)現(xiàn)的方式其實(shí)還是挺多的。比如單位vh(100vh = 屏幕高度),如果高度屏幕的一半,那就50vh就可以了,就算屏幕高度變了,這個(gè)高度還是屏幕的一半?;蛘遚alc屬性或者flex布局等等。這個(gè)可以自己去查一下,看哪個(gè)比較符合你的需求,或者你覺得哪個(gè)簡(jiǎn)單用哪個(gè)。

2017年7月18日 22:10