解决Chrome打印对话框中没有布局设置横向问题

本文方法来源于stackoverflow:
https://stackoverflow.com/questions/36322109/chrome-printing-website-missing-layout-options

今天遇到一个很奇怪的问题,用Chrome打印时发现打印对话框中居然找不到设置页面方向的选项:
在这里插入图片描述

这个web页面是样式中定义了@page属性导致Chrome打印对话框中隐藏了布局的选项,自己再写个css把bootstrap的属性覆盖一下就行了:

@page{
   size: auto;
}

具体在chrome中的步骤为:按F12快速打开调试窗口,ctrl+F打开查找窗口,然后输入@page找到html代码 中的@page属性改为上述的代码就可以了
在这里插入图片描述

↓↓↓欢迎关注我的公众号,在这里有数据相关技术经验的优质原创文章↓↓↓
在这里插入图片描述

posted @ 2021-05-25 14:10  Smilecoc  阅读(156)  评论(0)    收藏  举报  来源