Chrome'da bir Bootstrap tablosu yazdırırken hata oluştu

Question

Web sayfamı Chrome altında yazdırmak istediğimde tuhaf bir hatam var. Ekran boyutuna tam olarak uyan (ekran boyutu ne olursa olsun) Bootstrap kullanarak bir tablo görüntülüyorum. Web sayfasını Chrome altında yazdırmak istediğimde, tablo kırpılırken, baskı yerleşimi Firefox kullanılarak mükemmeldir.

Hatamı JSFiddle here üzerinde yeniden oluşturmayı başardım.

masamın html kodudur:

<table class="table table-condensed"> 
    <thead> 
     <tr> 
      <th>Col1</th> 
      <th>Col2</th> 
      <th>...</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="..."> 
      <td>...</td> 
      <!-- ... --> 
     </tr> 
     <tr class="separator empty" /> 
    </tbody> 
</table> 

bu sorunu gidermek için bir fikrin var mı?
Belki tablo için farklı Bootstrap css sınıfını kullanıyorsunuz?

Answer 1

İlk yakınlaştırma boyutunu belirlemek tüm içeriği yazdırdı.

@media print { 
    body { 
     zoom: .8 
    } 
} 

Fiddle: http://jsfiddle.net/HB7LU/11671/

Answer 2

basılı tarzlarında uygulanmakta olan böcek tepki ile ilgisi Bootstrap 4. kadar gelmiştir ertelendi edilmiştir görünüyor o Bootstrap 3 bilinen bir hata var.

Benim durumumda, col-sm-* sınıflarımın tümünü col-xs-* değiştirerek harika çalıştı.