Tag: 打印预览

CSS设置A4纸张大小

我需要在网页中模拟一张A4纸，并允许打印此页面，因为它是在浏览器（特别是Chrome）上显示的。 我将元素大小设置为21厘米x 29.7厘米，但是当我发送打印（或打印预览）它剪辑我的页面。 看到这个现场的例子 ！ HTML <div class="book"> <div class="page"> <div class="subpage">Page 1/2</div> </div> <div class="page"> <div class="subpage">Page 2/2</div> </div> </div> CSS body { margin: 0; padding: 0; background-color: #FAFAFA; font: 12pt "Tahoma"; } * { box-sizing: border-box; -moz-box-sizing: border-box; } .page { width: 21cm; min-height: 29.7cm; padding: 2cm; margin: 1cm auto; border: 1px #D3D3D3 […]

在打印预览模式下使用Chrome的元素检查器？

我正在开发一个网站，需要在打印视图上工作。 通常当我有布局问题时，我使用Chrome的元素检查器。 但是，这在打印预览模式下不存在。 是否有Chrome浏览器插件或其他方式来改变Chrome浏览器本身的查看介质，以查看打印机页面？ 我想这不是一个Chrome特定的解决scheme，但这是我的主要浏览器，所以有一个浏览器内解决scheme将是很好的。 现在我只关注打印预览介质，但是能够更改为任何支持的介质types（即全部/盲文/压印/手持/打印/投影/屏幕/语音/ tty /电视）。