css - 您将如何编写多个屏幕尺寸的媒体查询？

如果我要

1900及以上版本的body {font-size:18 px}
1024和1900的body {font-size:16 px}
768至1023的body {font-size:14 px}
320至767的body {font-size:12 px}
0至320的body {font-size:11 px}
我只是举了一个例子来提问。

最佳答案

这应该做的工作

@media only screen and (min-width: 320px)  { body{ font-size: 12px; } }
@media only screen and (min-width: 768px)  { body{ font-size: 14px; } }
@media only screen and (min-width: 1024px) { body{ font-size: 16px; } }
@media only screen and (min-width: 1900px) { body{ font-size: 18px; } }

关于css - 您将如何编写多个屏幕尺寸的媒体查询？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8594876/