Chrome 154 版的新功能

Rachel Andrew

發布日期：2026 年 9 月 22 日

Chrome 154 現已推出，這篇文章將介紹這個版本的部分主要功能。如要查看完整版本資訊，請參閱 Chrome 154 版本資訊。

這個版本的重要功能包括：

大小可變動的 <iframe>

Chrome 154 新增支援回應式大小的 iframe，讓父項文件中的 <iframe> 元素可自行調整大小，以符合嵌入式文件的版面配置溢位大小，避免在子項文件中捲動。這項功能會取代手動測量 iframe 內容、使用 postMessage() 傳送維度，以及在嵌入頁面中更新 iframe 大小的模式。

如要將 iframe 大小設為內容高度，請在嵌入網頁的 <iframe> 元素上使用 frame-sizing CSS 屬性：

.embed {
  width: 100%;
  frame-sizing: content-height;
}

內嵌文件也必須在 <head> 中加入 <meta name="responsive-embedded-sizing"> 元素，選擇加入：

<meta name="responsive-embedded-sizing" content="allow-origins=*">

如需更多詳細資料和示範，請參閱「Chrome 154 中的回應式 iframe」。

CSS scroll-marker-group 模式

scroll-marker-group 屬性可控制捲動容器是否在其內容前後產生 ::scroll-marker-group 虛擬元素。Chrome 154 新增兩種模式，可設定 scroll-marker-group 的焦點順序和 ::scroll-marker-group 和 ::scroll-marker 的 WAI-ARIA 無障礙語意：

/* Links mode (default) */
scroll-marker-group: after links;

/* Tabs mode */
scroll-marker-group: before tabs;

CSS text-decoration-inset

根據預設，元素的文字裝飾 (例如底線、頂線或刪除線) 長度與算繪文字相同。text-decoration-inset CSS 屬性可調整元素文字裝飾的起點和終點，使其內縮、超出或相對於文字執行邊緣移動。

text-decoration-inset 接受 auto、長度和百分比值，並使用單一值或雙值語法，例如將兩端內插 10 像素：

text-decoration-inset: 10px;

正值會內縮裝飾 (縮短)，負值則會外擴裝飾 (加長)。這樣一來，您就能微調裝飾間距，並使用 CSS 文字裝飾建立動畫底線顯示效果，而不是背景漸層或額外元素。

詳情請參閱 text-decoration-inset MDN 上的說明文件。

延伸閱讀

這僅涵蓋部分重點。如要進一步瞭解 Chrome 154 的其他變更，請參閱下列連結：

訂閱

如要掌握最新消息，請訂閱 Chrome 開發人員 YouTube 頻道，這樣我們發布新影片時，你就會收到電子郵件通知。你也可以在 X 或 LinkedIn 上追蹤我們，閱讀新文章和網誌貼文。

Chrome 155 版發布後，我們就會在這裡說明 Chrome 的新功能！