基础5和页面打印 [英] Foundation 5 and page printing

问题描述

我使用Zurb基金会。
我试图打印一个完全一样的页面，它看起来在大屏幕，但一切都被堆积（和浮动错误）。

I'm using Zurb Foundation. I'm trying to print a page exactly as it looks in large screen but everything get stacked (and floated wrong).

我成功了网格在打印页面中，通过在foundation.min.css中用打印，屏幕替换每个屏幕出现。

I succeded in having the grid in the printing page by substituting every "screen" occurrences with "print, screen" in the foundation.min.css.

问题是现在采用的网格是小一。

The problem is that the grid taken now is the small one.

我在基金会支持部门阅读这篇文章，但老实说，我不知道我应该做什么。我需要使用sass重新编译基础吗？

I read this post on the foundation support but honestly I don't know exactly what I'm supposed to do. Do I need to recompile foundation with sass?

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

我该怎么办？
谢谢。

Whats should I do? Thanks.

推荐答案

这里是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%;
  }
}

资料来源： http://foundation.zurb.com/forum/posts/2820-printing-foundation-5

这篇关于基础5和页面打印的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！