CSS - 默认情况下以50%的比例打印网页

时间:2018-03-19 22:41:16

标签: css printing

当有人尝试从浏览器打印时,是否有人知道我们网站上的任何网页是否有默认扩展到50%的方法?或者我是否需要进入并创建用于打印的@print样式?

一切看起来都很完美,只有50%,但出于某种原因缩放为100%,看起来浏览器试图强制移动视图。

网站为VolleyballUSA.com

提前致谢。

2 个答案:

答案 0 :(得分:0)

我认为你在打印时获得移动视图(至少中间的容器是堆叠的而不是彼此相邻的),这仅仅是由于页面的大小。

但是您可以使用@media only screen and (max-width: 768px)和类似的,仅使用"仅屏幕"将您的媒体查询更改为仅应用于屏幕(而不是应用于打印媒体)是重要的关键词。

答案 1 :(得分:0)

创建一个用于打印的样式表,并将其添加到您的页面,并使用单独的链接元素进行打印:

...
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" media="print" href="print.css">
...

现在,您可以完全控制浏览器发送到打印机时的呈现方式。

media属性非常有用,可以在https://developer.mozilla.org/en-US/docs/Web/CSS/%40media

上找到更多详情。