@media print 打印 纵向

在Vue开发中，您可以使用@media print媒体查询来设置打印样式。要打印纵向页面，您可以在@media print规则中使用@page选择器，并设置size属性为portrait。这将确保打印时页面呈现为纵向布局。以下是示例代码：

@media print {
  @page {
    size: portrait;
  }
}

您可以将此代码添加到您的样式表中，以在打印时应用纵向页面布局。请注意，在@media print规则中还可以设置其他打印样式，如去除页眉页脚、调整页边距等。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [求助！踩坑css@media print 固定横纵向来回切换无效，到底是什么导致了这个BUG？？](https://blog.csdn.net/weixin_46420860/article/details/120390702)[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%"]
- *2* [css @media print控制打印样式](https://blog.csdn.net/qq_25286361/article/details/125145443)[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 ]