flexbox和谷歌pagespeed洞察圖片優化有衝突嗎？

Question

我嘗試使用頁面速度見解對頁面https://terma-pl.com.ua/polotentsesushiteli-v-vannuyu進行優化的圖像，目前有3個圖像需要優化。但谷歌提供了一些奇怪的圖像。他們改變了他們的形式，優化後，即使我設置圖像的寬度和高度的屬性和風格......如果我從父塊中刪除flex，谷歌提供正常的圖像，這是什麼問題？

佛例如在柔性塊i具有AP和IMG：

<div class="flexBlock"> 
<p>...</p> 
<img src="/images/001Polotencesysh/colori-ral.jpg" width="250" height="250" 
style="width: 250px; height:250px; flex-basis: 250px;"> 
</div> 

.flexBlock { 
display: flex; 
align-items: center; 
} 

圖像壓縮前後：

Answer 1

初始設置於撓性件是flex-shrink: 1。這意味着項目被允許縮小。

要禁用此功能，請將flex-shrink: 0添加到您的內聯樣式中。