子組件根據父組件寬度調整的問題


今天遇到一個奇葩的問題:

窗口擴大的時候子組件跟着擴大了,但是縮小的時候子組件卻不縮小

 

原因:

擴大窗口的時候:父組件width>子組件width , 自然子組件要跟着變化

縮小窗口的時候:父組件width被子組件撐大,導致父組件width=子組件width, 自然子組件就不會改變了

 

解決方案:

父組件加一個:width:固定值px(如果想父組件寬度隨自適應,用flex布局,設置父組件 flex-grow:1 )

父組件如果有一個確定的寬度,就不會被子組件撐大了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM