本文目錄導(dǎo)讀：

1. 使用百分比單位
2. 使用object-fit屬性

CSS添加的照片如何適配屏幕

在CSS中，我們可以使用多種方法使照片適配屏幕，無(wú)論屏幕大小如何變化，照片都可以保持清晰、美觀的顯示效果。

使用百分比單位

我們可以將照片的寬度和高度都設(shè)置為百分比單位，這樣照片就可以根據(jù)屏幕的大小自動(dòng)縮放，我們可以將照片的寬度設(shè)置為50%，高度設(shè)置為50%，這樣照片就會(huì)根據(jù)屏幕寬度的變化自動(dòng)調(diào)整高度，保持寬高比不變。

二、使用max-width和max-height屬性

我們可以將照片的***大寬度和***大高度都設(shè)置為屏幕寬度的百分比，這樣照片就不會(huì)超過(guò)屏幕寬度，同時(shí)也不會(huì)變形，我們可以將照片的***大寬度設(shè)置為100%，***大高度設(shè)置為100%，這樣照片就會(huì)根據(jù)屏幕寬度的變化自動(dòng)調(diào)整高度，保持清晰顯示。

使用object-fit屬性

我們可以將照片設(shè)置為一個(gè)對(duì)象，并使用object-fit屬性來(lái)控制照片的填充方式，我們可以將object-fit屬性設(shè)置為contain，這樣照片就會(huì)根據(jù)屏幕大小自動(dòng)縮放，并保持原始寬高比不變，我們也可以設(shè)置object-position屬性來(lái)控制照片在屏幕中的位置。

CSS提供了多種方法來(lái)使照片適配屏幕，我們可以根據(jù)具體的需求選擇適合的方法。