2017-02-10 62 views
0

當我有寬度爲30%的父級元素和100%的子元素時,所有瀏覽器調整img的高度以保持比例。但是鉻只是擴展和變形。有沒有人聽說過這個?Google Chrome不會調整大小img

我不知道如何編寫這個問題的代碼,所以我只是把這裏的鏈​​接。 http://almaweby.cz/reference.html

+0

您是否嘗試過明確設置'高度:auto'? – Connum

+0

你真的需要使用'flex-box'嗎?嘗試改變'display:inline-block'的'div class =「hook」'元素的顯示方式,然後圖像應該正常運行,或者將''元素放入額外的容器中,例如。 '

',那麼彈性盒應該會影響div的而不是'img'元素。 –

+0

@Paweł謝謝,我使用了第二種解決方案,因爲我曾經使用過內聯塊,但之後我的js沒有正常工作。發佈答案,使我能夠將您的答案標記爲正確 – pandik70

回答

0

嘗試改變顯示爲div class="hook"元素display:inline-block,然後圖像應正確行爲,或者把你的<img>元素融入額外的容器,如。 <div><img/></div>,那麼彈性盒應該會影響div的而不是img元素。

0

,我認爲它在Chrome中調整大小, 我的Chrome顯示小圖片..

+0

我已經修復了它;) – pandik70

相關問題