[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（ - 窄窗））{ / *狭窄的窗户样式 */ }