सफारी प्रिंट मीडिया के प्रश्नों अन्य ब्राउज़रों मिलान नहीं/

Question

काट रहा जब सफारी में प्रदान की गई है, लेकिन प्रिंट मीडिया के प्रश्नों ब्राउज़र द्वारा सम्मान नहीं किया जा रहा है कि ठीक लग रहा है एक वेब एप्लिकेशन है। क्रोम में संपूर्ण प्रिंट करने योग्य क्षेत्र ठीक दिखता है, हालांकि सफारी में यह दृश्यमान सामग्री की केवल कुछ भिन्नता प्रतीत होता है।

जब पृष्ठ पर शीर्ष लेख या शीर्ष क्षेत्र पर नीचे स्क्रॉल कट गया है, जब पेज नीचे कट जाता है पर उच्च मुद्रण।

मैं प्रिंट मीडिया के प्रश्नों (कोई प्रभाव के साथ) के लिए निम्नलिखित की कोशिश की है -

1. एक min-height
2. स्थापना कंटेनर
3. पर एक height मूल्य की किसी भी बदलाव की स्थापना ज़ूम आउट करने और मुद्रण

कुछ भी नहीं दिखाई देता है संकल्प/पैमाने बदल रहा है बिल्कुल कोई प्रभाव नहीं है।

क्रोम के विपरीत, मैं डिबग करने के लिए कारण है कि यह क्या हो रहा है के लिए एक रास्ता है और न ही प्रिंट शैलियों डिबग करने के लिए खुद को एक तरह से नहीं मिल रहा।

नोट - मैं शैलियों के लिए बूटस्ट्रैप का उपयोग कर रहा हूं इसलिए कंटेनर, पंक्तियां, स्पैन इत्यादि हैं ... लेकिन उन्हें पूरी तरह से हटा रहा है और सबकुछ स्वयं की रेखा पर है, इससे कोई फर्क नहीं पड़ता, सामग्री की एक ही "ऊंचाई" प्रिंट पर दिखाया गया।

Answer 1

मैं ऊपर टिप्पणी में इस मुद्दे को ओर इशारा करते हुए और उल्लेख यह एक नि: शुल्क इनाम था के बाद यहां पर कोई जवाब नहीं मिला है। दुर्भाग्य से मुझे बक्षीस देना बहुत अच्छा लगेगा, इसलिए कोई भी जो बक्षीस की समाप्ति से पहले इसे दोबारा पोस्ट कर सकता है, उसे प्राप्त कर सकते हैं -

मुद्दा यह था कि मैं जिस एप्लिकेशन का उपयोग कर रहा हूं वह एक जावास्क्रिप्ट ऐप है जो उस पृष्ठ के शरीर को चलाता है और बनाता है केवल 400px लंबा है। बाद शरीर प्रदान की गई है वहाँ एक अलग बूटस्ट्रैप मॉडल संवाद सामग्री के साथ दिखाया जा रहा था मुद्रित करने के लिए है और सीएसएस के सभी अच्छा था और मीडिया के प्रश्नों अच्छे थे लेकिन क्रियार्थ द्योतक 'सामग्री शरीर से बड़ा करने के लिए स्थापित किया गया था।

निरीक्षण पर ऐसा लगता है कि सफारी (और शायद अन्य ब्राउज़र) शरीर की ऊंचाई की गणना करते समय संवाद ऊंचाई को ध्यान में नहीं ले रहे थे।

क्रोम और फ़ायरफ़ॉक्स इस के साथ ठीक थे क्योंकि यह सभी दृश्य सामग्री मुद्रित करता था लेकिन सफारी में यह केवल उस सामग्री को प्रिंट करता है जो शरीर के जितना लंबा होता है, जो इस मामले में मोडल का लगभग 30% था। मैन्युअल रूप से min-height: 1200px; होने के लिए शरीर को ट्रिगर करके यह समस्या हल हो गई क्योंकि यह बूटस्ट्रैप मॉडल संवाद की अधिकतम संभव ऊंचाई थी।

Answer 2

मुझे अतीत में क्रॉस ब्राउज़र प्रिंट मीडिया प्रश्नों के साथ कई समस्याएं आई हैं। दृश्य को विनियमित करने में बहुत मदद करता है एक निश्चित पृष्ठ आकार और एचटीएमएल/बॉडी सेट कर रहा है।

@media print { 
    @page { 
     size: 1600px; 
    } 

    body, 
    html { 
     width: 1600px; 
    } 
}