Scale PDF to width of iframe / object in Safari

Short question: “Can I - in Safari - on the iPad (exceptionally - not necessary for other browsers or devices) - scale the PDF document up or down to fit the frame or a fixed width of the frame or object?"

And a long question; I have the following markup - used to display scrollable PDF in a DIV. This markup should be used in the Cordova / Phonegap app for iPad. Javascript smarts via Backbone;

<div class="pdf-container-outer">
    <div class="pdf-container">
        <iframe src="..." />
    </div>
</div>

And related CSS (shortened for readability);

.pdf-container-outer {
    width: 800px; 
    height: 800px; 
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch; 
}

.pdf-container { 
    width: 800px; 
}

iframe { 
    width: 800px; 
}

PDF 4, PDF 595 x 841 . Safari - "100%", .. , iframe ( - ), PDF ~ 595 (+ 7-8px ). .

iframe , ... ~ 800px ~ 520px .

, , , , . , , , - iframe , - , -;

<iframe src="..." style="width: 610px; height: 14000px; -webkit-transform: scale(1.31); -webkit-transform-origin: top left;" />

.. 610px 131% = 800px ( ). - 0,8.

Safari, iOS6, iOS5.1 - , , .

, - . PDF iframe Safari...

?

+8
source share

All Articles