HTML是一種處理網頁結構的標記語言，而網頁中的圖片也是不可或缺的一部分。但是，如果我們直接插入一個圖片時，它可能會超出屏幕的大小，影響網頁的美觀度和用戶的體驗。那么，我們該如何設置圖片來適應屏幕大小呢？ 首先，我們需要了解圖片的屬性——width和height。它們分別代表圖片的寬度和高度，而且可以通過調整它們的值來控制圖片的大小。但是，這種方法缺陷是如果圖片的原始尺寸很大，我們可能需要進行多次嘗試來找到合適的大小，這樣會浪費我們的時間和精力。 幸運的是，我們還有另一種簡單但強大的方法——使用CSS中的max-width屬性。它可以讓圖片在不改變比例的情況下自動適應屏幕的大小。這個屬性的作用是設置圖片的最大寬度，如果圖片的實際寬度大于設定的最大寬度，就會自動縮小圖片從而適應屏幕寬度。 下面是一段示例代碼，可以幫助我們更好地理解如何設置圖片的適應屏幕。

以下是一個圖片示例：

在這段代碼中，我們使用了img標簽來插入我們的圖片。同時，我們設置了style屬性，設置max-width為100%。這意味著，當圖片的大小大于它所在的父元素（例如div或body）時，它會自動縮小，并保持比例。 最后，我們還可以添加height:auto，這樣可以保持比例不變。如果我們只設置max-width并不設置height屬性時，圖片的寬度將自適應，但高度可能會被改變，讓我們的圖片看起來扭曲變形。 綜上所述，使用max-width和height:auto屬性是一種非常便捷的方式來設置圖片適應屏幕大小。這種方式保持圖片的比例穩定并且不失真，同時也具有很好的自適應性。希望這篇文章對你對Html圖片的布局有所啟發。