display佈局下的img變形問題

今天用display佈局兩個img元素的時候，發現圖片自動變形了。問題如下： 然而我想要的效果是： 那麼問題來了，爲什麼會變形呢？是因爲flex佈局的align-items屬性的值默認是stretch：如果項目未設置高度或設爲auto，將佔滿整個容器的高度。 但是爲什麼height變得這麼大，我還沒有找到原因。而且，在chrome中顯示是理想狀態的，我是用手機測試的時候才發現圖片變形的問題，然後搜

>>阅读原文<<