flex 高度在ios撐不開的問題

2021-10-10 10:45:14 字數 1032 閱讀 4267

問題:寫了乙個flxed布局,在flex下高度撐不開的問題,找了很久都找不到結果。

最後還是找到了答案:「flex布局撐開的最大高度不會大於父級flex元素設定的高度!」

解釋一下:

style

="height

:400px;

overflow-y

:scroll

">

style

="display

:flex;

flex-direction

:column

">

style

="height

:100px

">

1div

>

style

="height

:100px

">

1div

>

style

="height

:100px

">

1div

>

style

="height

:100px

">

1div

>

style

="height

:100px

">

1div

>

style

="height

:100px

">

1div

>

style

="height

:100px

">

1div

>

div>

div>

這是乙個正常的滾動編寫,但是在ios上,且符合bfc條件的元素上編寫,就不正常了,結合上面查到的答案,我把這個滾動去掉就正常了

未設定高度div撐不開的解決辦法

在實際的專案中,常常會遇到不能給容器設定固定高度的情況,因為容器的高度是隨著內容的變化而變化的,如果該容器正好有邊框或者背景,並且子元素設定了浮動,那麼在某些瀏覽器裡是無法顯示出來的,而這個問題一般會有以下的解決方法。方法一 方法二 在該容器的最後乙個子元素的下方新增乙個同級元素並清除浮動 當然還有...

new Date 設定日期在ios的相容性問題

之前寫的建立時間一直是這樣的 var date new date 2018 08 17 10 30 今天寫的時候在ios發現gettime 的時候返回nan,後面輸出日期的時候new date 2018 08 17 10 30 形式在ios返回valid date,原來ios不支援 的這種形式 解決...

解決ios在輸入中文時keyup失效的問題

場景 在vue開發專案中,需要使用者提交留資,在輸入的內容需要實時更新顯示輸入的字元數,在原生dom樹中繫結事件 keyup limitstr event 在ios中使用全拼輸入法輸入中文,在點完成時字元數沒有發生明顯變化,安卓機測試是沒問題。解決方案 在stackoverflow上找到了,使用jq...