我要打印页面时javascript中断

Question

因此，我使用JQuery创建了此网页。 我使用此代码来调整页面上图像的大小，以使其适合正方形。

<script type="text/javascript">
  $(document).ready(function(){
    var height = $('.square').width();
    $('.square').css('height', height); 
    window.onresize = function(event) {
      var height = $('.square').width();
      $('.square').css('height', height);
   }
 });
</script>

这很完美。 当我加载页面或调整浏览器窗口大小时，图像会调整为正方形。 问题是当我去按打印页面时（我使用的是谷歌浏览器）。 打印机预览将加载页面，就好像这两个脚本不存在一样。 因此，图像是其原始大小。

有任何想法吗 ？

Answer 1

如果您只是想使图像保持方形，则可能甚至不需要JavaScript，下面提供了一个示例，它具有响应能力。

 .pic-wrapper { width: 40%; float: left; margin-right: 20px; } .pic { width: 100%; padding-bottom: 100%; background-image: url('http://i.imgur.com/uTDpE6J.jpg') } 

 <div class="pic-wrapper"> <div class="pic"> </div> </div> <div class="pic-wrapper"> <div class="pic"> </div> </div>