9
votes

Comment définir la largeur PDF dans la safari mobile

J'essaie d'afficher un fichier PDF incorporé dans une page Web. J'utilise la balise . Le PDF peut être affiché sur iPhone ou iPad. Cependant, je souhaite rendre l'affichage PDF remplir la pleine largeur de la page Web. Je ne parviens pas à trouver un document sur la définition de la largeur PDF pour mobile Safari. S'il vous plaît aider xxx


1 commentaires

Avez-vous eu de la chance avec ça?


3 Réponses :


1
votes

Vous voudrez peut-être le mettre un div et sortir la largeur de la balise d'objet, xxx


0 commentaires

1
votes

Juste de la regarder, je dirais que cela devrait fonctionner si vous fermez le objet> code> élément.

Pourquoi utilisez-vous la largeur et la hauteur comme attributs d'objet? Je voudrais simplement utiliser CSS pour cela. Et je ne pense pas que p> xxx pré>

est d'approrire à un code> car ce n'est pas html-rendu. À l'intérieur, je nets qu'un plugin. Peut-être que c'est une autre chose qui pourrait le casser. P>

et @LG PDF et @Trevor Rudolph: votre code> ne ferme jamais! C'est peut-être pour la raison pour laquelle Safari n'a-t-il pas raison? P>

Cela pourrait avoir à faire quelque chose avec le plugin PDF aussi. Voici ce qui fonctionne. Je l'ai testé à travers le service de capture d'écran sur Safari, mais mobile est une autre chose. Qu'en est-il de la frontière? Vous pouvez le voir apparaître à droite? P>

CSS: P>

<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>


0 commentaires

0
votes

Rien ne fonctionne pour moi lors de l'utilisation de l'objet. Si iframe est utilisé à la place et que la mise à l'échelle correcte est appliquée, cela fonctionne. Pas parfait de toute façon.

<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);
}


0 commentaires