我可以在样式表中使用最小宽度和最大宽度吗？答案

【问题标题】：Can i use min-width and max-width in a stylesheet [duplicate]我可以在样式表中使用最小宽度和最大宽度吗？
【发布时间】：2017-06-18 06:29:41
【问题描述】：

我正在让我的网站更适合移动设备，我已经成功地让它对手机有用，但我尝试同时使用最小和最大宽度样式表：

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

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

【问题讨论】：

w3schools.com/tags/att_media.asp看链接，可以使用

标签： html css media-queries

【解决方案1】：

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

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

查看documentation了解更多详情。

【讨论】：

【解决方案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

【讨论】：