相关疑难解决方法(0)

使用bootstrap打印页面3

我一直在寻找关于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中为所有元素添加静态宽度来实现此目的?

提前致谢

printing dpi twitter-bootstrap-3

36
推荐指数
3
解决办法
6万
查看次数

标签 统计

dpi ×1

printing ×1

twitter-bootstrap-3 ×1