2012-11-21 32 views
13

पर पृष्ठ को काटता है मुझे फ़ायरफ़ॉक्स से प्रिंट करने में बड़ी परेशानी होती है (कोई भी संस्करण, मेरा 16.0.2 है, लेकिन यहां तक ​​कि अरोड़ा देव बनाता है)। पृष्ठ प्रिंट करते समय, प्रिंट पूर्वावलोकन में फ़िट होने के लिए हटना काम नहीं करता है। एकमात्र तरीका, पेज पर पेज को फिट करने के लिए कैसे एक ही संवाद में ज़ूम 70% का चयन कर रहा है। अन्य समस्या: यह केवल प्रथम पृष्ठ प्रिंट करता है। क्या करना है?फ़ायरफ़ॉक्स केवल प्रथम पृष्ठ प्रिंट करता है और दाएं

उत्तर

15

मुझे प्रिंटिंग के लिए सीएसएस फ़ाइल को अनुकूलित करने की आवश्यकता है, इसलिए मैंने एक किया है। यह कहीं भी बेकार ढंग से काम करता है, लेकिन फ़ायरफ़ॉक्स में नहीं। क्या समस्या थी?

सबसे पहले मैंने print.css फ़ाइल में बॉडी और एचटीएमएल के लिए चौड़ाई और ऊंचाई निर्दिष्ट करने का प्रयास किया है। मार्जिन की तुलना में, आदि

बाद में मैंने पता लगा क्या समस्या थी: मानक सीएसएस फ़ाइल में निम्नलिखित था:

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

तो मैं print.css फ़ाइल में निम्न शामिल किए हैं:

print.css फ़ाइल में दिखाई दे:
body { 
overflow-x: visible; 
overflow-y: visible; 
} 

मुझे लगता है, यदि आप केवल अतिप्रवाह सीएसएस में निर्दिष्ट किया था, & -y -x नहीं, आप केवल अतिप्रवाह निर्दिष्ट करने के लिए की आवश्यकता होगी।

फ़ायरफ़ॉक्स से प्रिंटिंग अब जैसा काम करना चाहिए। मैंने सोचा, कि यह किसी की मदद कर सकता है, जिसने फ़ायरफ़ॉक्स में अजीब प्रिंटिंग व्यवहार किया है।

+2

बहुत बढ़िया आदमी !!! –

1

Kokesh के जवाब के अलावा, कुछ समय विशेषता

display: table 

भी इस समस्या को उत्पन्न करता है। इसलिए आपको इसे 'ब्लॉक' या दूसरे में बदलने की आवश्यकता है जो आपकी आवश्यकताओं के अनुरूप है।

0

मैंने अन्य उत्तरों में सुझाए गए फिक्सेस की कोशिश की लेकिन उन्होंने मेरे लिए समस्या का समाधान नहीं किया। बहुत सारे शोध और परीक्षण के बाद & त्रुटि, मुझे एक सूची के अलावा this article मिला है। मैं उलझन में था, क्योंकि यह वर्ष है, लेकिन यह कहा गया है कि:

एक जारी तत्व एक मुद्रित पृष्ठ के नीचे अतीत चलाता है, नाव के बाकी को प्रभावी ढंग से गायब हो जाएगा क्योंकि वह अगले पर प्रिंट नहीं होगा पृष्ठ।

जैसा कि मेरे पास एक बड़ा फ्लोट कंटेनर है, मैंने सोचा कि मैं इसे आज़मा दूंगा। तो, मैं अन्य उत्तर से मिश्रण और इस लेख बना दिया है और इस के साथ आया था: तो बुनियादी तौर पर

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. स्थापना शरीर overflow: visible सेटिंग तत्वों कि रैपर के रूप में display: block को व्यवहार करने के लिए
  2. , सभी flex शैलियों को खत्म करने और ऊंचाई रीसेट यदि आवश्यक हो तो
  3. लंबे कंटेनरों पर float हटा

उस मिश्रण ने मेरे लिए काम किया! मैं बहुत खुश हूं मैंने सोचा कि मैं साझा करूंगा :)