方法:img的src填上有效的圖片地址或者.image的樣式加上flex-shrink:0.img的src填上有效地址:你的圖片地址失效將會顯示alt屬性的值,然后根據flex屬性,因為.news不夠位置顯示,會優先壓縮剩余空間.希望不被壓縮就添加flex-shrink:0樣式添加flex-shrink:0:我的博客

應該是flex的問題，也就是flex-grow + flex-shrink + flex-basisflex-grow 默認為0，而flex-shrink默認為1，而flex-basis默認是auto；就算不設置，.image的flex-shrink是默認為1的。經過測試 .image{flex：none；}就可以了。但是我也不知道為什么。不設置的話，就算父容器寬度可以容納字體，也還是會變窄，而且是刷新變窄，刷新變寬，我也很想知道是什么原因

總結

以上是生活随笔為你收集整理的下面代码，flex自适应布局，但是图片宽度变窄了而不是文字的宽度变窄，我测试过是文字影响了导致没法自的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。