Firefox, yalnızca ilk sayfayı yazdırır ve sağdaki sayfayı keser

Question

Firefox'tan yazdırırken büyük sıkıntı çektim (herhangi bir sürüm, benimki 16.0.2, ama Aurora dev yapıları da aynısını yaptı). Sayfayı yazdırırken, Baskı önizlemesi sığdırmak için küçültme çalışmıyor. Tek yapmanız gereken, sayfayı kağıda nasıl sığdırmak, aynı iletişim kutusunda% 70 Zoom'u seçmektir. Diğer sorun: yalnızca ilk sayfayı yazdırır. Ne yapmalı?

Answer 1

Baskı için CSS dosyasını uyarlamam gerekiyordu, bu yüzden bir tane yaptım. Firefox'ta değil, her yerde kusursuz çalışır. Problem neydi?

Önce print.css dosyasında BODY ve HTML için Genişlik ve yükseklik belirtmeyi denedim. standart CSS dosyası içinde aşağıdaki vardı:

body { 
... 
overflow-x: hidden; 
overflow-y: scroll; 
} 

Yani print.css dosyasına aşağıdaki ekledik: marjlar daha vb

Daha sonra sorunun ne olduğunu anladım

print.css dosyasında görünür: yalnızca taşma & -y -x değil, CSS belirtilen olsaydı

body { 
overflow-x: visible; 
overflow-y: visible; 
} 

sanırım, yalnızca taşma belirtmek gerekir.

Firefox'tan yazdırmak gerektiği gibi çalışıyor. Düşündüm ki, bu Firefox'ta garip bir baskı davranışı olan birisine yardım edebilir.

Answer 2

Kokesh cevabı ek olarak, bazı zamanlar

display: table 

de bu sorunu oluşturur bağlıyor. Yani bunu 'engelleme' ya da önerinize uyan bir başka değişime ihtiyacın var.

Answer 3

Diğer yanıtlarda önerilen düzeltmeleri denedim ancak sorunu benim için çözmediler. Bir çok araştırma ve deneme sonrası & hata, A listesi tarafından this article bulundu. çok eski olduğu için şüpheci ama belirtiyor: Bir yüzen elemanın basılı bir sayfanın alt geçmiş biterse önümüzdeki üzerinde yazılı olmayacak şekilde

, şamandıra geri kalanı etkili kaybolur sayfa.

Büyük bir yüzer kapsayıcılığım olduğu için bunu denemeyi düşündüm. Yani, diğer cevaplar bir karışımı ve bu yazıyı yaptı ve bu geldi: Yani temelde

body { 
    overflow: visible !important; 
    overflow-x: visible !important; 
    overflow-y: visible !important; 
} 

/*this is because I use angular and have this particular layout*/ 
body > .fade-ng-cloak { 
    height: 100%; 
    display: block; 
    flex: none; 
    float: none; 
} 
.l-content, 
.l-sidebar { 
    float: none; 
} 

:

1. Ayar vücut sargılan display: block için davranırlar Ayar elemanları
2. overflow: visible için tüm flex stillerini ortadan kaldırın ve gerekirse sıfırlayın yüksekliği
3. Uzun kaplarda float'u kaldırın

Bu karışım benim için çalıştı! Ben çok mutluyum ben paylaşacağımı düşündüm :)