html - 在不使用 sass 的情况下禁用 zurb foundation 5 中的默认打印媒体查询

标签 html css zurb-foundation

我一直在努力打印基于 zurb foundation 5 的网站页面。当我打印或打印预览页面时,它默认采用 medium 网格大小并使其看起来不同于页面的实际桌面版本。

我一直在寻找有关大多数人提到的基于 sass 的解决方案的解决方案,但我没有使用 sass 或不熟悉它。他们不是带有禁用打印选项的简单版本的基础,以便桌面页面打印为屏幕上的显示。

我知道这是移动优先,但用户不会像从桌面打印那样从移动设备打印。

非常感谢使用 sass 的解决方案。

最佳答案

您可以从 foundation.css 中获取大网格大小的 css 并将其复制并放入一个名为的新 css 文件中 `print.css'然后像这样插入到头部

  <link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />

这将确保您使用大网格进行打印

或者你也可以这样做

 @media print {

 }

关于html - 在不使用 sass 的情况下禁用 zurb foundation 5 中的默认打印媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24971710/

相关文章:

javascript - 将页面缩放到屏幕大小

php - 在 PHP 页面上放置回显或将其与 CSS 合并

css - Outlook - 如何使用 html 作为模板(带 css)

html - 图片未显示在 Jekyll 帖子中,但显示在本地

css - 将输入复选框放在标签的同一行

android - 强制页面在 android native 浏览器上重新加载

html - 图片小于 596px 时填充

javascript - 使用 jQuery 显示 JSON 响应的数据

html - 将鼠标悬停在上面的图像上时,如何更改 slider 的不透明度?

jquery - 如何向元素添加没有值的数据属性