2011-10-06 13 views
9

प्रिंट करने के लिए सीएसएस को डिज़ाइन करने के लिए कैसे करें जब मेरी साइट का कोई उपयोगकर्ता "लेबल प्रिंट करें" बटन पर क्लिक करता है, तो उसे उस पृष्ठ पर भेजा जाता है जहां केवल सफेद पृष्ठभूमि पर लेबल दिखाई देता है और प्रिंट संवाद बॉक्स खुलता है। मेरा सवाल इस लेबल के लिए सीएसएस को "सोचने" के बारे में है ताकि यह पूर्ण कागज़ की चौड़ाई पर मुद्रित हो, जो भी पेपर है (यूएस, ए 4, ...)।एक लेबल

क्या मुझे सब कुछ, बक्से, मार्जिन, आकार बदलने के लिए पर्सेंट का उपयोग करना चाहिए? फोंट के लिए ईएमएस? या अंक? क्या एक सीएसएस रीसेट पहले इस्तेमाल किया जाना चाहिए?

क्या इस तरह के सीएसएस आवेदन के लिए नेट पर कोई अच्छा संसाधन है?

अपडेट: मैंने इसे फ़्लोटिंग सेक्शन और प्रतिशत चौड़ाई के साथ बनाया जो कि नियमित पेपर पर लेआउट अच्छी तरह से है। तो इस सवाल पर विचार करें।

+0

आपके लेबल की सामग्री क्या है? क्या यह एक शब्द है? यह विभिन्न वर्गों का एक गुच्छा है? मैं पूछता हूं क्योंकि यह जवाब को प्रभावित करेगा। – sosborn

उत्तर

0

यदि आपके लेबल में डेटा के विभिन्न अनुभाग होते हैं तो यह सबकुछ सही ढंग से स्केल करना एक चुनौती हो सकता है।

जिस तरह से मैं इसके बारे में जाऊंगा वह एक एकल एसवीजी छवि और स्केल उत्पन्न करता है। एसवीजी स्केलिंग के लिए डिज़ाइन किया गया है, जबकि (एक्स) एचटीएमएल को संकल्प के आधार पर सामग्री को पुन: प्रवाह करने के लिए डिज़ाइन किया गया है।

एसवीजी केवल कुछ एक्सएमएल है जो आपके एचटीएमएल, look here में उदाहरण के लिए सीधे एम्बेड किया जा सकता है।

0

आपको स्थिति का उपयोग करने से बचना चाहिए: पूर्ण/निश्चित, फ्लोट: बाएं/दाएं।

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

1

मुझे लगता है कि चाल लेआउट को यथासंभव तरल पदार्थ बनाना है। और माप के रूप में px का उपयोग करने से बचें। यहां एक अच्छा लेख है: CSS Design: Going to Print