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



有谁知道是否有办法让网站上的任何网页在有人尝试从浏览器打印时默认缩放为 50%?还是我需要进入并创建用于打印的@print样式?

一切看起来都很完美,达到 50%,但由于某种原因,缩放到 100% 看起来浏览器正在尝试强制移动视图。

网站 VolleyballUSA.com

提前谢谢。

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

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

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

...
<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 上找到

最新更新