प्रिंट सीएसएस: एक पृष्ठ में फिट

Question

मेरे पृष्ठ में केवल एक छवि है। 1500x3000 पीएक्स की तरह।
प्रिंटर में, मुझे इस छवि की अधिकतम चौड़ाई पृष्ठ की चौड़ाई होने की आवश्यकता है, इसलिए मैंने किया: सीएसएस में चौड़ाई 100%, और यह काम करता है।
लेकिन ऊंचाई ... ऊंचाई की पुरानी बकवास 100% कभी काम नहीं करेगी। क्योंकि यह हमेशा 100% माता-पिता कंटेनर होगा, फिर किसी के पास ऊंचाई परिभाषित होना चाहिए। या एचटीएमएल या शरीर।
तो, मेरा सवाल है: इस छवि को एक पृष्ठ में फिट करें।
कोई विचार?

Answer 1

ठीक डालने के लिए खेद है तुम भी पहले और छवि है, जो इस तरह से किया जाता है के बाद एक div करने के लिए एक सीएसएस पृष्ठ विराम शैली जोड़ सकते हैं एक टिप्पणी के रूप में "समाधान":

जो मैंने किया है वह मान लिया गया था कि 99% ग्राहक (यह सच है) वे एक पृष्ठ आकार का उपयोग करते हैं। इसलिए मैंने प्रिंट इंटरफ़ेस में कुछ चेतावनी दी जो केवल पृष्ठ आकार "एक्स" के साथ काम करेगी। बहुत बुरा। लेकिन यह अब तक काम कर रहा है

Answer 2

ऐसा करने का एक तरीका यह जानने के लिए कुछ चौड़ाई करना होगा कि लंबाई कितनी चौड़ाई लम्बाई होगी, और उसके बाद सीएसएस में अपनी चौड़ाई निर्धारित करें।

Answer 3

यदि मैं यह सही समझ में, तुम कर सकते हो

.OnePageImage { height: 100%; width: 600px; } 

कहाँ 600px (चौड़ाई) पेज की कुल चौड़ाई है। फिर छवि एक पृष्ठ पर फिट होगी (हालांकि कुछ विरूपण संभावित रूप से)।

.break { page-break-after:always; } 

तो कोड इस प्रकार दिखाई देगा:

<div class="break"></div> 
<img src="[your image src]" class="OnePageImage" /> 
<div class="break"></div> 

Answer 4

एकमात्र चीज जो मेरे लिए एक पृष्ठ पर प्रिंट आउटपुट सीमित करती है, वह एक कंटेनर तत्व के सेमी में ऊंचाई सेट कर रही थी जो पूरे पृष्ठ को लपेटती थी, और इसे छिपाने के लिए इसके ओवरफ्लो को भी सेट कर रही थी। किसी कारण से यह शरीर तत्व पर काम नहीं कर रहा था।

body > section { padding:0 !important; margin:0 !important; height:25.7cm !important; overflow:hidden !important; }

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