基础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和页面打印 的相关文章

  • 在 Rails App 中实现 WrapBootstrap 主题

    我刚刚购买了一个 wrapbootstrap 主题 并尝试将其插入我的 Rails 应用程序中 一些 css 如填充 导航栏 字形图标 和大多数 javascript 无法正常运行 我将所有样式表和 javascript 分别复制到 ass
  • 如何在 Angular 应用程序中动态更改 CSS 类名称?

    我有两个 CSS 类名 如下所示 icon heart color bdbdbd icon heart red color a6b7d4 我的 HTML 包含一个心形图标 div class icon heart div
  • Bootstrap:列表内联项目符号?

    有人知道如何在 Bootstrap 3 中水平列表中的元素之间添加项目符号 分隔符吗 ul class list inline li Author Michal li li Modified 17 08 2014 li li Comment
  • iPhone 4 上不稳定的 CSS3 动画

    我有一个非常简单的 或者至少我认为是 动画 我所做的只是 webkit background size 的动画 bubble position relative width 397px height 326px background url
  • Chrome 和 Safari 错误::不允许加载本地资源: file:///D:/CSS/Style.css

    当我在 chrome 或 safari 中访问我的 aspx 页面时 它在控制台中显示此错误 不允许加载本地资源 file D CSS Style css 在 IE 和 FF 中一切正常 我使用外部 CSS 通过 aspx 页面链接 我已经
  • 如何使弹出窗口溢出:在溢出内可见:自动上下文

    我有一个 div 列表 如果超过父框 overflow x 应该滚动 并且在悬停时 我想看到一个弹出窗口 我的问题是 如果我将鼠标悬停在任何子 div 上 弹出窗口将被考虑用于溢出计算 但我只想让它在所有内容之上可见 而不是使其扩展滚动区域
  • Firefox -moz-border-radius 不会裁剪图像?

    如果设置了图像的边框半径 有谁知道如何让 Firefox 裁剪角 它包含的元素可以正常工作 但我会发现丑陋的角落伸出来 有什么方法可以解决此问题 而无需将图像设置为背景图像或在将其放在网站上之前对其进行处理吗 解决方法 将图像设置为容器元素
  • 在 R 中修改传单弹出窗口

    我想修改 R 中传单弹出窗口的外观 帮助文件指出 in the popupOptions 函数需要 传递给底层 Javascript 对象构造函数的额外选项 In 这个例子 https rstudio github io leaflet p
  • 如何在 Shiny 中动态渲染的 textInput 添加样式元素

    你好堆栈溢出 在我最近提出的问题中 我已经解决了一些与动态渲染 UI 元素相关的主要问题 并在一些了不起的人的帮助下动态创建了观察者 参见此处 动态渲染的 UI 如何在第二次运行时删除旧的反应变量 https stackoverflow c
  • 在问题内显示内联块文本

    我一直在尝试显示内联块 如果我没有在 div 中添加任何内容 一切都会很好 但是当我这样做时 div 会折叠起来 我不知道确切的原因 任何想法 https jsfiddle net giancorzo ebqoptbd https jsfi
  • 为什么我的 CSS 属性被覆盖/忽略?

    我对 CSS 层次结构 有一些问题 不确定将其称为层次结构是否正确 我正在尝试设置以下 HTML 的样式 section section
  • CSS 属性选择器类以以下开头但不等于

    我想将 css 应用于以 abcd 开头的所有类 但我不想将该 css 应用于名称为 abcd dontapply 的类 我可以这样做吗 我尝试过的 a class abcd not class abcd dontapply define
  • Bootstrap 4 Beta 0 网格系统上的 Rowspan

    您好 我正在开发一个使用 Bootstrap 4 Beta 的电子商务模板 我让它在移动设备上工作 但在桌面设备上我不知道如何让购买按钮保持在标题下 在我的方法中 它出现在 图库 部分下 Desired Desktop Desired Mo
  • 对其中一个具有相同 tabindex 的焦点的所有元素应用相同的效果

    在我的上一篇文章中 我问了如何通过 css 选择器使不可聚焦的元素变得可聚焦 答案是使用tabindex 现在我希望 当具有选择器的元素获得焦点 单击 时 选择器选择的另一个元素也能获得效果 这可能听起来很奇怪 但我很久以前就可以不小心这样
  • Angular SlickGrid 对齐标题文本

    我正在使用角度SlickGrid并希望将列标题中的文本居中或右对齐 并非所有列都以相同的方式 我发现 有一个headerCssClass列定义中的属性 但我一直尝试 这种样式似乎从未被应用 对于列定义 id sourceNumber nam
  • 如何在 Rails 5 中设置资产管道以使用自定义字体?

    我必须使用自定义字体贾米尔 努里 纳斯塔莱克 http www urdujahan com urdu fonts Jameel 20Noori 20Nastaleeq zip在 Rails 5 应用程序中 我以前从未使用过 Rails 中的
  • AngularJS + jQuery 移动

    是否还有其他可能性来设计AngularJS以移动友好的方式应用程序CSS 我正在计划一个移动应用程序 并希望使用 AngularJS 进行逻辑和数据绑定 但我不想自己设计所有内容CSS The AngularJSFAQ说它使用jQuery
  • 我应该创建一个块还是一个元素 BEM CSS?

    Bem官网说 创建一个块如果一段代码可以被重用并且它不依赖于正在实现的其他页面组件 创建一个元素如果一段代码在没有父实体 块 的情况下无法单独使用 我有一个 关于部分 块 它的元素依赖于父级并且不能在网站中重复使用 如何根据 bem 这段代
  • 为什么我的 Web 组件 CSS 不显示?我没有使用shadowDOM

    我有一个没有使用 ShadowDOM 的 Native V1 组件 所以我将 CSS 放在 但是当其他人使用我的组件时 我的 CSS 就不再起作用了 仅当其组件确实使用 ShadowDOM 时才会发生这种情况 我的组件的示例代码 class
  • Angular 7 CLI 生成的项目抛出“ERROR in multi ./src/styles.sass”

    我使用生成了一个新的 Angular 项目ng new dragonfly具有以下参数 角 v7 2Angular CLI v 7 3NPM 6 7 0Windows 10 我选择包含路由和 SCSS 当我尝试使用启动项目时npm star

随机推荐

  • 仅在一侧向 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 中出现的每个 屏幕 替换为 打印 屏幕 我成功地在打印页面中添加了网格 问题是现在取的格子