[2

2021標誌著向更廣泛採用CSS邏輯屬性的重大轉變！ 最近的Chrome API發行引發了爭論，SVG的長寬比控制提供了新的靈活性，WordPress優先列出了可訪問的排版，並且CSS自定義媒體查詢的開發仍然停滯不前。讓我們深入研究細節。

在Mozilla最初實施六年後，CSS邏輯屬性在2021年接近全瀏覽器支持。 Firefox，Chrome和最新的Safari Preview已經支持以下概述的屬性和值。 Logical CSS simplifies styling with shorthands like

(combining

and margin-right) and inset (for top, right, bottom, and 左邊）。 /* 前 */ 主要的 { 左翼：自動； 邊緣權利：自動； } /* 後 */ 主要的 { 保證金 - 內線：自動； } 適應左右（RTL）佈局變得更加容易。 一個簡單的類開關處理過渡，對於翻譯成Arabic，Persian和Urdu等RTL語言的網站至關重要。

/* BEFORE */
main {
  margin-left: auto;
  margin-right: auto;
}

/* AFTER */
main {
  margin-inline: auto;
}

類。 在Chrome中翻譯後比較其RTL和LTR佈局以查看差異。

/* Switch to RTL when translated */
.translated-rtl {
  direction: rtl;
}

Chrome最近發布的三個用於高級硬件交互的API - WebHID和Web Serial（Desktop）和Web NFC（Android） - Project Fugu的一部分，已經引起了爭議。儘管在W3C社區組中開發，但它們尚未進行網絡標準。

啟用Web應用程序與不常見的人接口設備缺少OS驅動程序（例如Nintendo Wii遠程）。

通過模擬串行連接促進與單字節的字節與外圍的by-byte通信。

允許短距離無線讀取/寫入NFC標籤。
• Apple和Mozilla以指紋，安全性和其他問題為由表示保留。 Mozilla的位置在其規範位置頁面上詳細介紹。
默認情況下，SVG縮放在保留縱橫比的同時。 設置
• 伸展SVG以填充其容器，並可能扭曲圖像。這對於響應迅速頁面上的簡單，裝飾元素很有用，例如邊界或對角線需要填充特定的空間。 雖然斜體增強了重點，但擴展使用帶來了可訪問性挑戰，尤其是對於閱讀障礙的讀者而言。 WordPress 5.7通過從描述，幫助文本和管理界面中的其他領域中刪除斜體來解決此問題，以提高可讀性。 該更新還用系統字體替換自定義Web字體。
CSS自定義媒體查詢：仍在等待進度
• 規則，大約七年前提出的規則仍然沒有開發。 此功能將允許定義可重複使用的媒體查詢，減少代碼重複和增強可讀性。

@媒體（max-width：env（ - 窄窗））{ / *狹窄的窗戶樣式 */ }