2012-12-15 15 views
6

क्या सीएसएस में भौतिक आयाम निर्दिष्ट करने का कोई विश्वसनीय तरीका है कि जब पृष्ठ मुद्रित होता है, तो मेरे तत्व मुद्रित पृष्ठ पर एक विशिष्ट आकार और स्थिति पर होते हैं ?एक वेब पेज प्रिंट करते समय सीएसएस (उदाहरण के लिए 2 इंच) में phyiscal आकार निर्दिष्ट करना

मुझे लगता है कि सीएसएस में और सेमी के लिए इकाइयां हैं, लेकिन (नहीं आश्चर्यजनक रूप से) न फ़ायरफ़ॉक्स और न ही क्रोम वास्तव में जब मैं निम्नलिखित किया 2x2 इंच पर बॉक्स मुद्रित:

.test { 
    width: 2in; 
    height: 2in; 
    border: solid 1px #aaa; 
} 

मैं बहुत आशावादी उम्मीद कर किया जा रहा है कि आकार निर्दिष्ट करने और प्रिंटर आदि के संकल्प के आधार पर ब्राउजर को प्रिंटिंग आकार समायोजित करने का कोई तरीका है?

धन्यवाद।

+0

आउटपुट ने इसे कितना विचलित किया? भौतिक इकाइयों को ठीक उसी तरह काम करना चाहिए जैसा आप उम्मीद करते हैं। हालांकि यह ज्यादातर मार्जिन – raam86

+1

के लिए उपयोग किया जाता है, एचटीएमएल और सीएसएस मुद्रित करने का सबसे अच्छा तरीका पीडीएफ के साथ है। वहां अच्छे पुस्तकालयों के लिए कई सभ्य हैं, PHP के लिए [टीसीपीडीएफ] (http://www.tcpdf.org/examples.php) शामिल करें। –

+0

आपके प्रतिक्रियाओं के लिए धन्यवाद। मैं एक और स्टाइलशीट के संदर्भ को हटाने के लिए भूल गया था जो अतिरिक्त पैडिंग के लिए जिम्मेदार होना चाहिए। अब यह फ़ायरफ़ॉक्स में है, और क्रोम में लगभग 1/2 सेमी बहुत बड़ा है (लेकिन यह अभी ठीक होगा)। जेरेड - मुझे लगता है कि आप शायद सही हैं, पीडीएफ एक सुरक्षित शर्त लगता है - मैं इसे आज़मा दूंगा। क्या किसी के लिए किसी भी अच्छे (आदर्श मुक्त) .NET पुस्तकालयों के बारे में पता है? धन्यवाद –

उत्तर

5

किसी भी अतिरिक्त अंतर से बचने के लिए margin: 0; padding: 0 जोड़ने का प्रयास करें।

+0

धन्यवाद दिमित्री - मुझे अब मूर्खतापूर्ण लगता है - मैं अपनी अन्य स्टाइलशीट में से किसी एक को संदर्भ हटाने के लिए भूल गया था, इसलिए वहां कहीं कुछ पैडिंग जोड़ना होगा। बिना अतिरिक्त शैलियों के, और मार्जिन और पैडिंग 0 पर सेट किए गए हैं, मुझे फ़ायरफ़ॉक्स में बिल्कुल 2 इंच मिलते हैं। –

+1

पैडिंग निश्चित रूप से आयामों (और मार्जिन, और सीमा को प्रभावित करता है, इस पर निर्भर करता है कि आप उन्हें कैसे मापते हैं), लेकिन अगर वे समाप्त हो जाते हैं, तो वास्तविक सटीकता अभी भी ब्राउज़र और प्रिंटर द्वारा भिन्न होती है - छोटे विचलन आम हैं। –

6

सिद्धांत रूप में, CSS3 के मान स्तर 3, खंड 5.2. Absolute lengths, द्वारा और इकाइयों मॉड्यूल cm इकाई, "प्रिंट मीडिया और इसी तरह के उच्च संकल्प उपकरण" पर अपने शारीरिक सेंटीमीटर से मेल खाना चाहिए, जबकि कम संकल्प उपकरणों पर, पिक्सेल चाहिए एंकर इकाई हो, जिसका सामान्यतः मतलब है कि cm भौतिक इकाई से अलग है।

प्रैक्टिस में, यह और भी बदतर है। मैंने बस 15cm चौड़े होने के लिए एक तत्व सेट के साथ परीक्षण किया। स्क्रीन पर (प्रिंट पूर्वावलोकन सहित) यह वास्तव में 15.8 सेमी है, और जब एक भौतिक प्रिंटर पर मुद्रित होता है, तो यह 14.7 सेमी (इसलिए यह अनिवार्य रूप से करीब है, लेकिन अभी भी सटीक से दूर है)।

+0

एक प्रिंटर की पीपीडी फ़ाइल में एक छविशील क्षेत्र परिभाषित किया गया है क्योंकि प्रिंटर आमतौर पर कागज के किनारे पर पूरी तरह प्रिंट नहीं कर सकते हैं। प्रिंट सिस्टम यह जांच सकता है कि आपकी सामग्री पूरी तरह से उस बॉक्स के अंदर है या इसे स्केल करें ताकि यह हो। मैक पर यह 100% से कम स्केल% के रूप में दिखाई देता है लेकिन आप मैन्युअल रूप से 100% दर्ज कर सकते हैं और इससे बच सकते हैं। –