CSS圖片一比一縮放是一種使用CSS進行圖片縮放的方法，可以將一張圖片的大小按照指定的比例縮小到原始大小的百分之幾。這種方法可以用于各種場景，例如在網站中使用較小的圖片來提高用戶體驗，或者將大型圖片縮小到適當的尺寸以便更好地展示。

在CSS中，可以使用`@media`語句來控制圖片的縮放。例如，可以使用以下代碼將圖片按照1:1的比例縮小：

```css

@media screen and (max-width: 768px) {

width: 100%;

height: auto;

除了使用`@media`語句外，還可以使用CSS的`max-width`屬性來控制圖片的縮放。例如，可以使用以下代碼將圖片按照1:1的比例縮小：

```css

width: 100%;

height: auto;

max-width: 768px;

使用CSS圖片一比一縮放可以輕松地將大型圖片縮小到適當的尺寸，從而提高用戶體驗。同時，使用`@media`語句和`max-width`屬性還可以控制圖片的縮放以適應不同的屏幕大小，使網站在不同的設備上都能良好地運行。