逐浪云主机

立即开通

web开发及使用bootstrap 4中:解决Chrome打印对话框中没有布局设置横向问题

作者: 发布时间:2021-03-29 来源:本站原创 点击数:

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

还是在万能的stack overflow上找到了原因:
https://stackoverflow.com/questions/36322109/chrome-printing-website-missing-layout-options

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

@page{
   size: auto;
}

我是单独写到一个css文件中了,记得引用顺序放到bootstrap.css后面

再刷新页面打印:
在这里插入图片描述

本文责任编辑: 加入会员收藏夹 点此参与评论>>
复制本网址-发给QQ/微信上的朋友