较小的图像div在打印预览（Divception）中的容器div内缩小

Question

我有一个包含许多小div的div。这些较小的div用于显示图片...不确定解释它的最佳方式是什么，所以我将添加几个图像

无论如何，在设计视图中，我让div看起来很完美，或者至少非常接近上面的例子。所有东西都排成一列，所以它看起来甚至是任何元素。然而...

当我进入打印视图时，图片的大小会缩小。很多时候它并不是很多，几乎几乎不可能，但足以让布局失效。我已经在Chrome和Firefox上尝试了这个，我已经下载了它在Adobe中打开它;每次以同样的方式出现。我抛出了我能想到的一切，但却未能弄清楚它为什么会发生。

这是关于较大div的css：

.image-grid{width:274mm;height:99.5mm;padding:3mm 0 0 7mm;}
    .image{width:34.5mm;height:20mm;background-repeat:no-repeat;background-position:center center;background-size:cover;margin-right:2.99mm;margin-bottom:3mm;float:left;padding:0;}
    .image-end{width:34.5mm;height:20mm;float:left;background-repeat:no-repeat;background-position:center center;background-size:cover;padding:0;}
.mkt-drop-zone{background-repeat:no-repeat !important;background-position: center center !important;z-index: 1;}

这是其中一行的HTML：

<div class="image-grid">
    <div class="image mkt-drop-zone" style="background-image:url('<?php echo empty( $data['content_images'][0] ) ? $data['no_image'] : $data['content_images'][0]; ?>');"></div>
    <div class="image mkt-drop-zone" style="background-image:url('<?php echo empty( $data['content_images'][1] ) ? $data['no_image'] : $data['content_images'][1]; ?>');"></div>
    <div class="image mkt-drop-zone" style="background-image:url('<?php echo empty( $data['content_images'][2] ) ? $data['no_image'] : $data['content_images'][2]; ?>');"></div>
    <div class="image mkt-drop-zone" style="background-image:url('<?php echo empty( $data['content_images'][3] ) ? $data['no_image'] : $data['content_images'][3]; ?>');"></div>
    <div class="image mkt-drop-zone" style="background-image:url('<?php echo empty( $data['content_images'][4] ) ? $data['no_image'] : $data['content_images'][4]; ?>');"></div>
    <div class="image mkt-drop-zone" style="background-image:url('<?php echo empty( $data['content_images'][5] ) ? $data['no_image'] : $data['content_images'][5]; ?>');"></div>
    <div class="image-end mkt-drop-zone" style="background-image:url('<?php echo empty( $data['content_images'][6] ) ? $data['no_image'] : $data['content_images'][6]; ?>');"></div>
    <div class="clear"></div>

Answer 1

在没有看到代码的情况下，你会得到最好的教育猜测，所以这是我的：

某处，您在媒体查询$dbh->do( qq{SET PAGESIZE 50} ); 或@media screen下有CSS规则。在第一种情况下，样式仅在浏览器中查看时应用于页面，在打印时，规则未应用。在第二种情况下，在浏览器中查看时不应用规则，但在打印时应用该规则。