如何根据屏幕大小设备使用特定的CSS样式

如何根据屏幕大小/设备使用特定的CSS样式

使用

@media

查询。他们服务于这个确切的目的。以下是它们如何工作的示例：

@media (max-width: 800px) {  }

这仅适用于宽度等于或小于800像素的设备。

在Mozilla开发人员网络上阅读有关媒体查询的更多信息。