如何为多种屏幕尺寸编写媒体查询？

如果我想要

body {font-size:18 px}1900及以上

body {font-size:16 px}1024 和 1900

body {font-size:14 px}768 至 1023

body {font-size:12 px}320 至 767

body {font-size:11 px}0 到 320

我刚刚给出了问题的例子。

这应该可以完成工作

@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; } }