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

今天遇到一个很奇怪的问题,用Chrome打印自己写的B/S程序发现打印对话框中居然找不到设置页面方向的选项:
解决Chrome打印对话框中没有布局设置横向问题_第1张图片
还是在万能的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后面

再刷新页面打印:
解决Chrome打印对话框中没有布局设置横向问题_第2张图片

你可能感兴趣的:(前端开发)