當我有寬度爲30%的父級元素和100%的子元素時,所有瀏覽器調整img的高度以保持比例。但是鉻只是擴展和變形。有沒有人聽說過這個?Google Chrome不會調整大小img
我不知道如何編寫這個問題的代碼,所以我只是把這裏的鏈接。 http://almaweby.cz/reference.html
當我有寬度爲30%的父級元素和100%的子元素時,所有瀏覽器調整img的高度以保持比例。但是鉻只是擴展和變形。有沒有人聽說過這個?Google Chrome不會調整大小img
我不知道如何編寫這個問題的代碼,所以我只是把這裏的鏈接。 http://almaweby.cz/reference.html
嘗試改變顯示爲div class="hook"
元素display:inline-block
,然後圖像應正確行爲,或者把你的<img>
元素融入額外的容器,如。 <div><img/></div>
,那麼彈性盒應該會影響div的而不是img
元素。
您是否嘗試過明確設置'高度:auto'? – Connum
你真的需要使用'flex-box'嗎?嘗試改變'display:inline-block'的'div class =「hook」'元素的顯示方式,然後圖像應該正常運行,或者將''元素放入額外的容器中,例如。 '
',那麼彈性盒應該會影響div的而不是'img'元素。 –@Paweł謝謝,我使用了第二種解決方案,因爲我曾經使用過內聯塊,但之後我的js沒有正常工作。發佈答案,使我能夠將您的答案標記爲正確 – pandik70