我希望影像可以縮放以適合螢屏尺寸。我已經嘗試了一些預期的東西，但它們都是根據寬度縮放的，我需要一些可以根據高度縮放的東西。
如果我使用最大寬度，它會按計劃作業。而如果我使用最大高度，它似乎什么也沒做。
<img src="https://i.imgur.com/9OPnZNk.png" style="max-width:20%;height:auto;">
<p>The above scales as intended, and is using the max-width property.</p>
<img src="https://i.imgur.com/9OPnZNk.png" style="width:auto;max-height:20%;">
<p>The above doesn't scale as intended, and is using the max-height property.</p>我怎樣才能解決這個問題？
uj5u.com熱心網友回復：
我也遇到了這個問題，有時看起來有點奇怪，但如果你改變它的作業原理，然后max-height:20%;將max-height:20vh;"它縮放到視口高度的 20%，這會產生相同的結果。
不是真正的解決方案，而是解決方法，我希望這會有所幫助
uj5u.com熱心網友回復：
嘗試將身體的高度設定為絕對高度（100vh 等）。否則，它會簡單地根據身體的高度進行橫向擴展，默認設定為“自動”；因此，它將盡可能地擴展以適應其子項。
由于img也被設定為一個相對單位 (...%) 并且它的父級也有一個相對高度（“自動”），它會盡可能地簡單地縮放（在我們的例子中是 800 像素單位）。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/535712.html
上一篇：每次我重新啟動服務器時，我的Laravel鏈接都會中斷
下一篇：無法點擊硒加載更多按鈕