CSS按比例向左延伸是一種通過使用CSS的媒體查詢或偽類實現向左延伸效果的方法。這種方法可以根據需要設置元素的垂直方向和寬度，使元素向左延伸。

在CSS中，媒體查詢是一種用于控制元素樣式的方法。媒體查詢根據指定的查詢條件來應用樣式，而查詢條件通常包括屬性值和取值。例如，我們可以使用媒體查詢來應用字體樣式，使文本字體向左延伸。

使用偽類可以實現向左延伸效果。偽類是一種CSS類名，可以定義一系列類似元素的樣式。例如，我們可以使用偽類來定義一個元素，并將其寬度設置為一個值，但垂直方向向左延伸。

下面是一個簡單的示例，演示了如何使用CSS媒體查詢和偽類來創(chuàng)建一個向左延伸的元素：

```html

<style>

/* 媒體查詢設置字體樣式 */

.向左延伸 {

font-style: italic;

font-weight: bold;

/* 偽類定義一個向左延伸的元素 */

.向左延伸：before,

.向左延伸：after {

content: "";

display: inline-block;

width: 50%;

height: 100%;

vertical-align: middle;

</style>

<div class="向左延伸"></div>

在上面的示例中，我們使用媒體查詢來設置元素的字體樣式，并使用偽類定義一個元素，使其寬度設置為50%，垂直方向向左延伸，并居中顯示。

使用CSS媒體查詢和偽類可以使我們的網頁布局更加靈活，可以根據需要進行樣式的調整。