मोबाइल सफारी में पीडीएफ चौड़ाई कैसे सेट करें

Question

मैं एक वेबपृष्ठ में एक पीडीएफ फ़ाइल एम्बेड करने की कोशिश कर रहा हूं। मैं <object> टैग का उपयोग कर रहा हूं। पीडीएफ आईफोन या आईपैड में प्रदर्शित किया जा सकता है। हालांकि, मैं पीडीएफ डिस्प्ले को वेबपृष्ठ की पूरी चौड़ाई भरना चाहता हूं। मैं मोबाइल सफारी के लिए पीडीएफ चौड़ाई निर्धारित करने के बारे में कोई दस्तावेज नहीं ढूंढ पा रहा हूं। कृपया मुझे यह कहना चाहते हैं, बस इसे देख से मदद

<object id="objectPDF" type="application/pdf" data="pdf.pdf" width="100%" height="1000px" style="border:2px solid red; text-align:center"> 
<param name="view" value="fitH" valuetype="data"/> 

Answer 1

आप इसे एक एक div रख दिया और वस्तु टैग में चौड़ाई लेने के लिए चाहते हो सकता है,

<div width="300px" height="100%"> 
<object id="objectPDF" type="application/pdf" data="pdf.pdf" height="1000px" style="border:2px solid red; text-align:center"> 
<param name="view" value="fitH" valuetype="data"/> 
</div> 

Answer 2

चाहिए अगर आप </object> तत्व बंद करते हैं तो काम करें।

आप ऑब्जेक्ट विशेषताओं के रूप में चौड़ाई और ऊंचाई का उपयोग क्यों करते हैं? मैं इसके लिए सीएसएस का उपयोग करूंगा। और मुझे नहीं लगता कि

text-align: center 

एक <object> के लिए approriate है के बाद से इस HTML-प्रदान की गई नहीं है। अंदर सिर्फ एक प्लगइन है। शायद यह एक और चीज है जो इसे तोड़ सकती है।

और @ एलजी पीडीएफ और @ ट्रेवर रूडोल्फ: आपका <object> कभी बंद नहीं होता है! शायद यही वजह है कि सफारी सही नहीं है?

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

सीएसएस:

.myobject { 
width: 100%; 
height: 1000px; 
border:2px solid red; 
} 

HTML:

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/u1zgFlCw8Aw?fs=1" class="myobject"> 
<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?fs=1" /> 
</object> 

मैं एक फ्लैश वस्तु के साथ यह परीक्षण किया गया। कोई रैपर की जरूरत नहीं है, बीटीडब्ल्यू। ऑब्जेक्ट डब्लू एक्स एच, उदा। <div> काम करता है।

Answer 3

ऑब्जेक्ट का उपयोग करते समय मेरे लिए कुछ भी काम नहीं करता है। अगर इसके बजाय iframe का उपयोग किया जाता है, और उचित स्केलिंग लागू होती है, तो यह काम करता है। वैसे भी सही नहीं है।

<div id="pdfVewerWrapper"> 
    <iframe id="pdfVewer" src="url"></iframe> 
</div> 

#pdfVewerWrapper { 
    position: fixed; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
    z-index: 1; 
    overflow: auto; 
    padding: 0; 
    margin: 0; 
    -webkit-overflow-scrolling: touch; 
} 

#pdfVewer { 
    width: 595px; 
    height: 20000px; 
    margin: 0; 
    padding: 0; 
    -webkit-transform: scale(1.6); 
}