我可以在样式表中使用min-width和max-width

Question

我正在使我的网站更加适合移动设备，我已经成功地将其用于手机，但尝试使用最小和最大宽度样式表：

<link rel="stylesheet" media="(max-width: 1050px)" href="./css/max-1050px.css">

我想放media="(min-width: 501px, max-width: 1050px)。 我做得对吗？

Answer 1

是的，您可以使用逻辑运算符。正确的语法是

media="(min-width: 501px) and (max-width: 1050px)"

有关详细信息，请查看documentation。

Answer 2

尝试使用

100vm //100 means width of window, 1 means 1/100 of window
100vh // same for height
100vmin //100%  of whichever is smaller, width of height
100vmax //100% of whichever is larger