HTML5提供了許多方法來設置圖片的自適應性，讓我們一起來看看如何實現！

/*使圖片自適應于其父元素的寬度*/
img {
max-width: 100%;
height: auto;
}
/*讓圖片自適應于其父元素的高度*/
img {
max-height: 100%;
width: auto;
}
/*使圖片填滿其父元素*/
img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*使圖片居中，并保持原始比例*/
img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}

這些方法可以讓您輕松地使圖片適應于不同大小的屏幕和設備，并且不會失真或變形。因此，在編寫Web應用程序時，強烈建議您學習和使用這些技術，以提供最佳用戶體驗。