दिलचस्प पोस्ट
ऐप प्रतिनिधि से वर्तमान दृश्य नियंत्रक प्राप्त करें कैसे जावास्क्रिप्ट में एक समारोह को सही ढंग से कर सकते हैं? NetworkStream से .NET में पढ़ने का सही तरीका क्या है स्टेटस बनाम नेमस्पेस पथ का उपयोग करना? सी# एंड्रॉइड डिवाइस पर उपलब्ध स्थान की जांच कैसे करें? एसडी कार्ड पर? मंडल विंडो में ट्विटर बूटस्ट्रैप दिनांकपिकर जब OpenGL फ़ंक्शन में पॉइंटर्स के साथ समाप्त हो जाता है? Jsonp POST अनुरोध बनाने के लिए कैसे jQuery के साथ contentType निर्दिष्ट करता है? "सेंट", "एन डी", "आरडी" और "वें" संख्याओं के लिए एनईटी पाने में आसान तरीका क्या है? रेल: आखिरी नल के साथ ऑर्डर करें प्रत्येक के लिए एक करते समय std :: vector से मिटा रहा है? वसंत 3.0 के लिए कौन सा मावेन निर्भरता शामिल है? SQL सर्वर 2008 विंडोज़ एथ लॉगिन त्रुटि: लॉगिन एक अविश्वस्त डोमेन से है नेविगेशनव्यू के भीतर आइटम पृष्ठभूमि और आइटम टेक्स्ट रंग को कैसे अनुकूलित करें? अजगर: उन्नत नेस्टेड सूची समझ सिंटेक्स

प्रिंट सीएसएस की स्थापना के लिए अच्छे नियम हैं?

जब कोई वेबपृष्ठ मुद्रित होता है तो मैं एक सभ्य प्रिंट सीएसएस बनाने पर किसी भी सुझाव / नियम / मार्गदर्शिका की तलाश कर रहा हूं। क्या आपके पास कोई प्रस्ताव है?

Solutions Collecting From Web of "प्रिंट सीएसएस की स्थापना के लिए अच्छे नियम हैं?"

बेहतर प्रिंट आउट प्राप्त करने के लिए यहां कुछ सामान्य प्रिंट स्टाइल हैं:

/* Print styles */ @media print { tr, td, th {page-break-inside:avoid} thead {display:table-header-group} .NoPrint {visibility:hidden; display:none} a {color:#000000} } 

शीर्ष तालिका किसी तालिका पंक्ति के अंदर पेज ब्रेक को रोकती है

थैड स्टाइल प्रत्येक पृष्ठ के लिए दोहराना टैग में दोहराई गई किसी भी पंक्तियां बनाती है, जो कि तालिका में फैल जाती है।

नो प्रिन्ट एक क्लास है जिसे मैं स्क्रीन पर कुछ दिखाने के लिए उपयोग करता हूं, लेकिन प्रिंट में नहीं।

और, मैं लिंक रंगों को बंद करना चाहता हूं।

सबसे पहले एक सूची से इस आलेख को पढ़ें ( http://www.alistapart.com/articles/goingtoprint/ ) वे बहुत सारी मूलभूत चीजों को कवर करते हैं जिन्हें आप ढूंढ रहे हैं (विस्तारित लिंक, व्हाइटवेैशिंग, आदि)।

प्रिंट पूर्वावलोकन पर भरोसा मत करो, एक प्रिंट लेआउट का परीक्षण करते समय पूरी प्रक्रिया में जाना सुनिश्चित करें पेपर को स्थापित करने के लिए SnagIt को बचाने या Microsoft XPS दस्तावेज़ लेखक का उपयोग करें। आप सीधे एक छवि पर प्रिंट कर सकते हैं और किसी भी कागज को बर्बाद नहीं कर सकते।

लंबे लेखों के लिए, अपने फ़ॉन्ट को सेरिफ़ में बदलने पर विचार करें। वेब पर आलेख बिना-सेरिफ़ (एरियल, वर्दान) में पढ़ना आसान है, लेकिन प्रिंट में टाइम्स न्यू रोमन या जॉर्जिया की कोशिश करें।

एक बात जो मुझे मेरी प्रिंट स्टाइल शीट में डालनी है:

 a[href^="http://"]:after{ content: " (" attr(href) ") "; } 

यह पाठ को लिंक करने के बगल में वास्तविक लिंक लिखता है, ताकि दस्तावेज़ प्रिंट करने वाले लोग जान सकें कि लिंक जाने का अनुमान है।

मैंने अपने शरीर के पाठ को प्रिंट के लिए थोड़ा और पठनीय बनाने के लिए भी सेट किया है:

 body{ font: 0.9em/1.5em Georgia, "Times New Roman", Times, serif; } 

आपके पास यह पुरानी लेकिन अभी भी संबंधित लेख एरिक मेयर से अलग सूची पर हैं

मुख्य बात यह है कि नए सिरे से शुरू करना, सीमाओं को सेट करना और 0, सफ़ेद पृष्ठभूमि के लिए मार्जिंग / पैडिंग, और मुद्रण के लिए किसी भी गैर-आवश्यक तत्वों को "कोई भी प्रदर्शित न करें" (जैसे कुछ मेनू)

 <link rel="stylesheet" type="text/css" media="print" href="print.css" /> body { background: white; } #menu { display: none; } #wrapper, #content { width: auto; margin: 0 5%; padding: 0; border: 0; float: none !important; color: black; background: transparent; } 

और वहां से चले जाओ

जब आप मुद्रण की शैली को परिभाषित कर रहे हैं, तो आपको एक कागज़ पर और भौतिक इकाइयों पर विचार करना होगा।

  • सेंटीमीटर (इंच) में हाशिये और अंकों में फ़ॉन्ट आकार सेट करें (बस ओपनऑफ़िस में)।
  • आसानी से अवांछित सामग्री को हटाने में सक्षम होने के लिए 'स्क्रीन' या 'नॉप्रिंट' जैसी क्लास बनाएं
  • फैंसी रंगीन पाठ के बारे में भूल जाओ सफेद पृष्ठभूमि पर काले पाठ
  • अनावश्यक छवियों को निकालने के बारे में सोचें – वे काले और सफेद रंग में अच्छे नहीं लग सकते हैं
  • लिंक से रेखांकित निकालें, और लिंक के पास समझदार पाठ है। यह "इस पृष्ठ की जांच" पढ़ने के लिए मूर्खतापूर्ण दिखता है, जहां "यह" अधोरेखित है। या यदि आप अधोरेखित पाठ के बाद लिंक का href डालते हैं, तो यह अधिक उपयोगी हो सकता है लेकिन आईएमएचओ कितना अच्छा नहीं लग रहा है

पृष्ठभूमि छवियों और रंगों के लिए देखें मुझे लगता है कि आईई का डिफ़ॉल्ट व्यवहार प्रिंटआउट पृष्ठभूमि छवियों या रंगों के लिए नहीं है।