子组件根据父组件宽度调整的问题


今天遇到一个奇葩的问题:

窗口扩大的时候子组件跟着扩大了,但是缩小的时候子组件却不缩小

 

原因:

扩大窗口的时候:父组件width>子组件width , 自然子组件要跟着变化

缩小窗口的时候:父组件width被子组件撑大,导致父组件width=子组件width, 自然子组件就不会改变了

 

解决方案:

父组件加一个:width:固定值px(如果想父组件宽度随自适应,用flex布局,设置父组件 flex-grow:1 )

父组件如果有一个确定的宽度,就不会被子组件撑大了

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM