標題：CSS3 等比例放大截取

CSS3 提供了一種等比例放大截取的方法，可以用于在網頁中截取指定大小的圖片，而無需對其進行拉伸或壓縮。使用 CSS3 等比例放大截取，可以將圖片放大到指定的尺寸，同時保持其原始比例和分辨率。

以下是使用 CSS3 等比例放大截取的方法：

```css

width: 100px;

height: 100px;

2. 使用 CSS 的 `margin` 和 `padding` 屬性來控制圖片的縮放和放大。

```css

margin: 0 auto;

padding: 10px;

3. 使用 CSS 的 `max-width` 和 `max-height` 屬性來限制圖片的大小。

```css

max-width: 100%;

max-height: 100%;

4. 在需要放大圖片的地方，使用 CSS 的 `position` 屬性將圖片居中，并使用 `top`、`right`、`bottom` 和 `left` 屬性來控制圖片的縮放。

```css

position: absolute;

top: 50%;

right: 50%;

transform: translate(-50%, -50%);

5. 當需要截取更大的圖片時，將 `max-width` 和 `max-height` 屬性設置為無限大，并使用 CSS 的 `overflow` 屬性來顯示超出圖片范圍的文本或其他元素。

```css

max-width: 100%;

max-height: 100%;

overflow: hidden;