html - 我可以在样式表中使用最小宽度和最大宽度吗

标签 html css media-queries

<分区>

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

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

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

最佳答案

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

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

看看 documentation了解更多详情。

关于html - 我可以在样式表中使用最小宽度和最大宽度吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44609913/

上一篇:jquery - 如何更改使用 CSS 或 JQuery 连续旋转的元素的位置(没有位置 : absolute)?

下一篇:javascript - 在javascript中为一组嵌套的div中的元素子集设置动画收缩和扩展过渡

相关文章:

javascript - 防止用户在测验应用程序中重新加载/刷新页面的方法

iphone - 为什么 CSS 不启动 max-device-width : 480px?

javascript - onresize 加载函数仅一次

css - 当内容“通过 AJAX 动态创建时,分页后不工作

javascript - 如何从标签获取值并放入 document.getElementById ('label' ).innerHTML

html - 使用 Bootstrap 将文本和表单放在照片旁边

javascript - 如何将 Bootstrap 列高度与纯 jQuery 相匹配?

html - 如何设置 <div> s inline : text, img, text, text

html - CSS 水平条和 div 边框未对齐的问题

jquery - 如何将 RANDOM 处的 addClass() 添加到 jQuery 中的元素?