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

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

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

 

原因:

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

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

 

解决方案:

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

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

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-09-20
  • 2022-12-23
  • 2022-12-23
  • 2021-10-02
  • 2021-09-10
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-03-04
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案