基础5和页面打印

2024-01-23

我正在使用 Zurb 基金会。 我试图完全按照大屏幕中的外观打印页面,但所有内容都堆积起来(并且浮动错误)。

通过将 Foundation.min.css 中出现的每个“屏幕”替换为“打印,屏幕”,我成功地在打印页面中添加了网格。

问题是现在取的格子很小。

我读过这篇关于基金会支持的文章,但老实说,我不知道我到底应该做什么。我需要用sass重新编译foundation吗?

http://foundation.zurb.com/forum/posts/412-printing-paper-copies-of-site-built-on-foundation http://foundation.zurb.com/forum/posts/412-printing-paper-copies-of-site-built-on-foundation

我该怎么办? 谢谢。


这是 CSS:

@media print {
  .large-1 {
    width: 8.33333%;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-3 {
    width: 25%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-5 {
    width: 41.66667%;
  }

  .large-6 {
    width: 50%;
  }

  .large-7 {
    width: 58.33333%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-9 {
    width: 75%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-12 {
    width: 100%;
  }
}

Source: http://foundation.zurb.com/forum/posts/2820-printing-foundation-5 http://foundation.zurb.com/forum/posts/2820-printing-foundation-5

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

基础5和页面打印 的相关文章

  • save_and_open_page 已停止提供我的 CSS

    我的测试设置工作得很好 每当我打电话时 都能提供正确格式的 css 页面save and open page从测试中 然后 我设置了一些 javascript 测试 并对我的设置进行了一些更改 抱歉 我无法详细说明所有内容 我没有足够详细地
  • 浮动图像周围具有最小列宽的流动文本

    我想要一种方法来防止流动文本列变得太窄 例如 在一列 HTML 文本中 有一个图像浮动到左侧 正如预期的那样 文本沿着图像周围的列的右侧向下流动 但是 如果图像几乎与列一样宽 则文本最终会非常窄 在这种情况下 我希望文本简单地not流过图像
  • 固定 div 位于居中 div 旁边

    我有一个网页 其中有可滚动的内容 此内容包含在 content 内 位于页面的中心 现在我希望导航栏出现在内容左侧 50 像素处 该栏应具有固定位置 不应滚动 这是我到目前为止所尝试过的 nav position fixed top 50
  • 如何在Yii框架中向Form添加类?

    我在 Yii 中有一个表单 我想向该表单添加一个类
  • 如何使用javascript确保元素仅在圆上朝一个方向移动?

    好吧 我承认我对三角学真的很糟糕 出于上下文的考虑 我将添加我在这里提到的问题中的内容 参考问题 https stackoverflow com a 39429290 168492 https stackoverflow com a 394
  • 删除 IE9 边缘周围的 2px 灰色边框

    我正在尝试对这个网站进行编码 尝试关键字 并且我正在尝试找出如何删除这个阴影2px灰色边框延伸到 IE9 窗口的内部 至少顶部 左侧和底部 我的边距设置为零 因此所有页面元素都到达页面的最边缘 但使用 IE9 它们会停在这个灰色边框处 我没
  • 如何使使用 css 调整大小的图像在 IE 中看起来不错?

    当使用 css 宽度 高度或属性宽度 高度缩放图像时 IE6 和 IE7 无法很好地缩放网页中的图像 我不确定它默认使用哪种算法 但这不好 在这些浏览器中缩放时 缩放图像会显示锯齿伪影 幸运的是 有一种方法可以通过简单的 css 规则强制
  • 合并 2 个大型 CSS 文件的有效方法

    我正在寻找一个可以合并 2 个大型 CSS 文件的工具 到目前为止我尝试过的所有方法 例如CSSMerge 都没有成功 其中一些只是随机删除属性 其他人则因 webkit 和 moz 等非标准属性而窒息 并给我错误 我还需要保留每条规则大小
  • 如何在模态打开时防止主体滚动

    我在用着W3schools 模态脚本 https www w3schools com howto tryit asp filename tryhow css modal我想添加一个功能 防止模型打开时整个主体滚动 我根据我的需要对原始脚本做
  • 主页(网格)上的缩略图现在显得模糊。如何纠正?

    我不知道这看起来是否愚蠢 但从早上开始我就无法纠正这个突然出现在我的博客网站上的错误www candidopinions in http www candidopinions in 我有一个网格视图模板 其中博客文章中的特色图像作为调整大小
  • Webpack 4:如何使用 LESS 获取 CSS 源映射?

    多年来我一直在尝试让 CSS 源映射在 webpack 中工作 但没有成功 我不确定链条中哪里出了问题 我希望有人能指出我正确的方向 这是发生的事情 行号是错误的 实际上文件名也是错误的 main less只是包含一堆 import也就是说
  • SVG 动画不适用于 Chrome 中的 favicon

    In the SVG 图标已设置 这是旋转内圆的SVG文件的内容 Favicon 动画在 Chrome 中根本不起作用 如何让它在 Chrome 中工作 在 Firefox 中可以正常工作 在 Edge 中则不行 但 Chrome 是最重要
  • 指南针字体输出错误的字体文件路径

    font face font family HelveticaNeueLTStd Lt src url css fonts HelveticaNeueLTStd Lt otf format opentype 这是我的指南针代码的输出 inc
  • 如何在 select2 下拉列表中换行?

    我正在使用 select 2 下拉菜单 然后在其内容中显示一些长句子 我想在句子的正确位置添加换行符 但下拉菜单是自动调整的 For example the content of the dropdown right now looks l
  • 使用 css 简单地将对象居中,无需修改

    我想使用 CSS 将对象居中 而不需要任何技巧 这可能吗 如何实现 我已经尝试过了 但是我的 p 标签消失了 centered position fixed top 50 left 50 有多种方法可以使元素居中 但这取决于您的元素是什么以
  • 悬停此元素时隐藏元素后的伪元素

    我的菜单垂直放置在页面左侧和菜单之间 li 我有一个 after那是一个分隔符 我想要的是当我悬停元素本身 如果它是第一个元素 时隐藏 after 元素 或者当它是中间元素时隐藏上面和底部的元素 如果它是最后一个子元素 则隐藏 after前
  • 响应式图像 - srcset 和尺寸属性 - 如何正确使用两者:基于设备像素比和基于视口的选择一起?

    到目前为止 我经常读到这个问题 并且它也发生在我自己的项目中 这里介绍一下我到目前为止所发现的关于 srcset 和 size 属性的内容 关于如何使用有两种不同的可能性srcset 属性 来源 w3c http w3c github io
  • 有角度的动态背景图片

    在 html 模板中 我有这种带有动态图像的样式 div style background none width 200px height 150px div 它适用于网络浏览器和 Android 浏览器 但是 使用 style 的动态背景
  • 如何创建适合屏幕宽度的等宽/高框? [复制]

    这个问题在这里已经有答案了 我正在尝试建立一个网站 其中有很多宽度和高度相等的框 例如 我有一个页面 其中并排有两个相同大小的框 简单的解决方案是将宽度和高度设置为 50vw 这在出现滚动条之前效果很好 我已经用谷歌搜索了几个小时 但无法理
  • 在 Nexus 7 2013 上更改方向时 CSS 媒体查询不起作用

    我目前正在我的笔记本电脑 台式电脑和 Nexus 7 2013 上测试 CSS 媒体查询 除了 Nexus 7 之外 它们在台式机和笔记本电脑上都运行良好 当我更改方向时 除非刷新页面 否则样式不会应用 例如 以纵向模式握住设备时 页面正常

随机推荐

  • 仅在一侧向 tkinter 小部件添加填充

    如何向 tkinter 窗口添加填充 而不需要 tkinter 将小部件居中 我试过 self canvas l Label self master text choose a color font helvetica 12 self ca
  • 在 R 中从列表转换为数字

    我最近遇到一个问题 每次读取包含值表的 csv 文件时 R 将其读取为列表格式而不是数字 由于没有线程为我提供了针对我的情况的完整答案 一旦我能够运行它 我决定在此处包含对我有用的脚本 希望它对某人有用 这里有一些描述和一些选项 以防您需要
  • 在 WPF 中绑定图像?

    我想在 WPF 中显示由进程创建的图像 例如 我们有一个名为 createWPFImage 的方法 Image createWPFImage 因此 createWPFImage 的输出是一个图像 在 XAML 代码中 我们有如下所示的内容
  • android中如何区分480 * 800和480 * 854屏幕分辨率的布局?

    在其中一个应用程序中 我需要确保 UI 组件将放置在所有屏幕分辨率设备中的正确位置 我已经浏览了 Android 开发者网站上的支持多种屏幕分辨率教程 基于此 我似乎可能必须为小屏幕 普通屏幕和大屏幕设备创建单独的布局文件 现在的问题是 即
  • 我有以下 HTML 代码
  • iOS 上的 Firebase 崩溃报告出现不可读错误(符号文件)

    我正在使用 firebase 崩溃报告来让我的 iphone 项目崩溃 但我收到的日志不可读 Exception name EXC BREAKPOINT EXC ARM BREAKPOINT TPC swift 4295841940 284
  • 在 Xamarin 中使用 OnBackPressedCallback

    我正在尝试在 Xamarin 的片段中实现类似于 OnBackPressed 的东西 但到目前为止我找到的唯一解决方案是针对 Java 的 Here https stackoverflow com questions 5448653 how
  • 如何更正 Invalid Protocol: null 使用 javax.mail 发送邮件

    我正在尝试以这种方式发送邮件 Properties props new Properties props setProperty mail transport protocol smtp props setProperty mail hos
  • 使用 Netezza 时差(以秒为单位)?

    我想获取 Netezza 中以分钟为单位的时差 以秒为单位 我有 2 列 Start 2014 06 01 07 45 04 and finish 2014 06 01 07 46 58 events 我尝试过使用DATEDIFF SECO
  • 如何查看设备是iPhone 5? [复制]

    这个问题在这里已经有答案了 如何检查应用程序是否在 iPhone 5 上运行 然后执行某些操作 define IS IPHONE 5 fabs double UIScreen mainScreen bounds size height do
  • 列表查找比元组更快?

    过去 当我需要在紧密循环中进行类似数组的索引查找时 我通常使用元组 因为它们通常看起来性能非常好 接近于仅使用 n 个变量 然而 我今天决定质疑这个假设 并得出了一些令人惊讶的结果 In 102 l range 1000 In 103 t
  • 从 GeoPy 地理编码器返回各个地址组成部分(城市、州等)

    我正在使用 GeoPy 将地址地理编码为经纬度 我还想提取每个地址的逐项地址组成部分 街道 城市 州 邮政编码 GeoPy 返回一个带有地址的字符串 但我找不到可靠的方法来分离每个组件 例如 123 Main Street Los Ange
  • 使用 sklearn 和线性回归时出错:形状 (1,16) 和 (1,1) 未对齐:16 (dim 1) != 1 (dim 0)

    我想了解机器学习 我偶然发现了 youtube Siraj 和他的 Udacity 视频 并想尝试学习一些东西 他的视频参考 在他的视频中 他导入并读取了一个txt文件 但是当我尝试重新创建txt文件时 它无法正确读取 相反 我尝试使用相同
  • 将 ruby​​ 变量传递给配置者

    我有一个 Vagrant 文件 它定义了这样的配置程序 config vm provision shell path gt set rmi hostname sh args gt
  • 如何向 GCP 中的 dataproc 集群添加 jar 依赖项?

    特别是 如何添加 Spark bigquery connector 以便可以从 dataproc 的 Jupyter Web 界面中查询数据 关键链接 https github com GoogleCloudPlatform spark b
  • 获取乳胶输出块的高度

    我正在尝试确定如何获得乳胶块的高度output not整个文件 以及not代码 而是一个block of output 作为我想要完成的一个例子 我有乳胶代码 sum i 0 infty frac 1 n gt infty newline
  • 删除不再位于远程的跟踪分支

    有没有一种简单的方法可以删除远程等效项不再存在的所有跟踪分支 Example 分支机构 本地和远程 master 起源 主人 起源 错误修复 a 起源 错误修复 b 起源 错误修复 c 在本地 我只有一个主分支 现在我需要努力错误修复a 所
  • 如何删除布局和背景之间的空间?

    我拥有的是一个相对布局 其中包含其他两个相对布局 每个布局都有图像 我已将每个图像作为其相对布局的背景 但我仍然可以看到图像 布局 和整个父布局之间的空间 那么我怎样才能删除这个空间呢 这是我的 XML 代码
  • Chrome v41+ 显示性能问题:无;在很多节点上

    我最近注意到 Chrome 在申请时出现呕吐现象display none 到很多节点 CodePen 示例 http codepen io mattdietsche pen JomjWx 在上面的 CodePen 中 您可以看到切换时的滞后
  • 基础5和页面打印

    我正在使用 Zurb 基金会 我试图完全按照大屏幕中的外观打印页面 但所有内容都堆积起来 并且浮动错误 通过将 Foundation min css 中出现的每个 屏幕 替换为 打印 屏幕 我成功地在打印页面中添加了网格 问题是现在取的格子