html - 如何将多个媒体目标(屏幕、打印)与宽度限制相结合?

标签 html css media-queries

我想为屏幕和打印使用一些 css 文件,但按宽度限制它们。我该怎么做?

这是正确的吗?

<link rel="stylesheet" media="(screen, print) and (min-width: 64em)" href="large.css" />

还是这个?

<link rel="stylesheet" media="(screen or print) and (min-width: 64em)" href="large.css" />

还是别的什么?

最佳答案

列出语句而不是组合它们对我有用...

<link rel="stylesheet" media="screen and (min-width: 64em), print and (min-width: 64em)" href="large.css" />

关于html - 如何将多个媒体目标(屏幕、打印)与宽度限制相结合?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29501600/

相关文章:

javascript - 链接上的 float 图标不接收鼠标单击事件

html - 捕捉移动CSS媒体查询的最佳方式

css - 只有一个 CSS 媒体查询有效

html - 尺寸可变的CSS悬停图像裁剪

javascript - Jquery 导航栏动画无法正常工作

javascript - 如何从 jquery 或 javascript 获取 HTML 的值

css - 向 SPA 添加样式的最佳方法是什么?

javascript - 滚动到下一个 div

iFrame 和媒体查询问题

javascript - 隐藏然后专注于下面的选择元素