CSS 可以讓行高自適應不同的設備屏幕尺寸和分辨率，從而為用戶提供最佳的閱讀體驗。本文將介紹如何使用 CSS 控制行高來自適應不同的屏幕大小。

CSS 行高指的是行高的垂直縮放比例。當使用 CSS 控制行高時，可以使用 `transform` 屬性和 `scale` 屬性來實現。

下面是一個簡單的示例，展示如何使用 CSS 控制行高來自適應屏幕大?。?/p>

```html

<div class="row">

<div class="col-md-4">

<p>第一段文字</p>

</div>

<div class="col-md-8">

<p>第二段文字</p>

</div>

</div>

在這個示例中，我們使用了一個 `row` 容器來包裹所有行，并使用了兩個 `div` 元素來分別顯示第一段和第二段文字。我們使用 `col-md-4` 和 `col-md-8` 來分別設置每個 `div` 元素的行高和寬度。

接下來，我們使用 CSS 來設置這些 `div` 元素的樣式。首先，我們使用 `transform` 屬性來設置行高的縮放比例。在這個示例中，我們將比例設置為 1:1。然后，我們使用 `scale` 屬性來設置行高的大小。在這個示例中，我們將大小設置為 `0.7`，表示行高將縮小 70%。

```css

.row {

display: flex;

flex-direction: column;

.col-md-4 {

width: 40%;

transform: scale(0.7);

.col-md-8 {

width: 80%;

transform: scale(0.7);

這個示例中，我們使用 `flex` 布局來將所有 `col-md-4` 和 `col-md-8` 元素都居中，并使用 `scale` 屬性來控制它們的大小。由于我們使用了 `scale(0.7)` 表示行高將縮小 70%，因此每個元素都將縮小到原來的 70% 大小。

通過使用 CSS 控制行高，我們可以自適應屏幕大小來為用戶提供最佳的閱讀體驗。