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

Question

如果我愿意

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

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

body {font-size:14 px} for 768 to 1023

body {font-size:12 px} for 320 to 767

body {font-size:11 px} for 0 to 320

我只是给出了问题的例子。

Answer 1

这应该可以完成工作

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