HTML 是構建網絡世界的重要技術，開發者把各種內容組成頁面展示在瀏覽器上。其中，寬高比是頁面設計中非常重要的一個因素。那么，讓我們來看看 HTML 中如何設置寬度和高度比例。 為了設置寬高比，請使用 CSS 或 HTML 的屬性 width 和 height。您可以使用它們中的任何一個，具體取決于您的需求。 如果您想設置一個更好的寬高比，您可以在 HTML 中直接通過設置以下代碼來實現：

<div style="width: 100%; padding-top: 56.25%; 
position: relative;">
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" 
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 
frameborder="0" allow="autoplay; encrypted-media" 
allowfullscreen></iframe>
</div>

請查看上面的代碼。首先，我們使用 DIV 元素來創建一個邊框（由 padding-top 屬性實現）和自適應寬度（由 width 屬性實現）的父容器。這里的 padding-top 數值是按比例的。為了獲得想要的寬高比（此處是 16:9 或 56.25%），請將此數值設置為：

(高度 ÷ 寬度) × 100%

此時，我們可以將您想要設置寬度和高度比例的內容（在本例中是 YouTube 視頻）放入父容器中。為了讓嵌入的內容適應其父容器，我們必須先將其定位為絕對位置（由 position:absolute 屬性實現），然后將它的寬度和高度設置為 100%。 這就是將 HTML 寬高比例調整到所需比例的方法。現在，您可以自由地選擇并使用任何寬高比例，向用戶呈現一個精美的頁面。