我一直在寻找关于stackoverflow的很多答案,半封面我想知道的,但没有发现任何对我有用的东西.
我知道A4的打印页面大约是550像素,因此bootstrap将使用通常用于移动设备的样式和布局.
当我使用Ctrl + P作为我的网页时,可打印页面看起来就像我的页面的移动版本.但是如何让它看起来像桌面版?(媒体> 1024 px)有办法做到这一点吗?
我知道我可以专门为打印更改css.但是如何使用bootstrap 3网格系统来解决这个问题呢?我的div上的宽度基于我为col-xs添加的内容,但我希望print使用col-md的布局(宽度)
编辑:在我用了几个小时之后,我意识到它可能比我最初的预期更复杂.只是改变宽度并不能解决它.我的许多div都有语法
<div class="md-right sm-right xs-down col-md-1 col-sm-2 box"></div>
Run Code Online (Sandbox Code Playgroud)
要么
<div class="col-md-4 col-sm-6 col-xs-12"></div>
Run Code Online (Sandbox Code Playgroud)
对于小型设备,该页面在XS中看起来很不错,但在XS中打印使得许多元素看起来很大.所以问题仍然存在.有没有办法让打印页面看起来与中型或大型设备的布局相同?或者我是否必须在不使用引导网格系统的情况下制作打印css并在pt中为所有元素添加静态宽度来实现此目的?
提前致谢