@media print 打印 横向
时间: 2023-12-22 13:04:43 浏览: 46
@media print { @page { /* 横向 */ size: landscape; /* 去除浏览器默认页眉页脚 */ margin: 0; } }
在CSS中,@media print是用来定义打印样式的。在这个特定的样式规则下,我们可以设置打印页面的属性,比如横向打印。
在上面的代码中,@media print指定了打印样式。在@media print内部,我们使用@page选择器来设置页面的属性。其中,size: landscape;表示将页面设置为横向打印。此外,margin: 0;用于去除浏览器默认的页眉和页脚。
通过这样的设置,当我们调用window.print()方法打印页面时,页面将按照横向的方式进行打印。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [利用@media print样式打印页面局部元素](https://blog.csdn.net/qq_44367273/article/details/123903967)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [详解CSS3中@media的实际使用](https://download.csdn.net/download/weixin_38734506/12885265)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]