Chrome 104 中范围媒体查询的新语法

Lenix at 
了解这种新语法如何简化媒体查询。媒体查询支持响应式设计,大约 80% 的使用媒体查询的网站使用了能够测试视口最小和最大大小的范围功能。Media Queries Level 4 规范包括用于这些范围查询的新语法。新语法自 Firefox 63 起已在 Firefox 中可用,并且将从 104 开始在 Chrome 中可用。让我们看看它如何简化您的查询。针对最小视口宽度的典型媒体查询测试将编写如下:@media (min-width: 400px) { // Styles for viewports with a width of 400 pixels or …The post Chrome……