CSS讓圖片按原比例縮放

隨著網絡的發展和人們交流的頻繁，圖片在網頁中的應用越來越廣泛。但是，有時候我們需要讓圖片按照要求縮放，而不是放大或縮小。這時，可以使用 CSS 來控制圖片的縮放比例。

CSS 可以控制圖片的大小和位置，同時也可以控制圖片的縮放比例。下面是一個簡單的 CSS 代碼示例，可以讓圖片按照要求縮放：

```html

在上面的代碼中，`style="width: 100%; height: auto;"` 控制圖片的寬度和高度均為 100%，并且自動適應圖片的大小。`height: auto;` 表示圖片的高度會根據寬度的變化而自動調整，使得圖片始終保持原始比例。

如果希望圖片放大或縮小，可以使用 `height: expression(請查看表達式);` 來控制圖片的高度，其中 `expression` 是一個表達式，可以匹配圖片的寬度和高度，從而控制圖片的放大或縮小。例如：

```html

在上面的代碼中，`height: expression(1.1);` 表示圖片的高度為 1.1 倍，這個值可以根據需要進行調整。

除了使用 CSS 控制圖片的縮放比例外，還可以使用 JavaScript 來控制圖片的縮放。通過 JavaScript 可以修改圖片的 URL，從而控制圖片的縮放比例。例如：

```html

總之，通過 CSS 和 JavaScript 我們可以控制圖片的大小和位置，并且可以靈活地控制圖片的縮放比例。