Làm thế nào để nhúng tập tin PDF với chiều rộng đáp ứng

Tôi nhúng file pdf sử dụng một cái gì đó như thế này:Làm thế nào để nhúng tập tin PDF với chiều rộng đáp ứng

<div class="graph-outline"> 
    <object style="width:100%;" data="path/to/file.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0" type="application/pdf"> 
    <embed src="path/to/file.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0" type="application/pdf" /> 
    </object> 
</div>

Nó hoạt động nhưng tôi muốn thiết lập chiều rộng pdf để phù hợp với chiều rộng của div chứa. Hiện tại nó hiển thị như một khung nội tuyến với thanh cuộn, vì vậy để xem toàn bộ pdf, bạn phải di chuyển sang phải sang trái. Tôi muốn pdf phù hợp với chiều rộng của container.

Làm cách nào để khắc phục sự cố này? Tôi đang hỗ trợ IE8 trở lên.

Đây là một jsfiddle: http://jsfiddle.net/s_d_p/KTkcj/

Nguồn

2013-05-09 emersonthis

thể trùng lặp của [? Có thể có một tập tin PDF mở tại một độ phóng đại được xác định trước trong Adobe Reader] (http://stackoverflow.com/questions/770473/is-it-possible-to-có-a-pdf-tệp-mở-tại-một-được xác định trước-phóng đại-in-adobe-re) –

kiểm tra liên kết này ra: [SO - Q-> A] (http://stackoverflow.com/questions/770473/is-it-possible-to-have-a-pdf-file-open-at-a-predefined-magnification-in-adobe-re) và [tham số trang 6] (http://partners.adobe.com/public/developer/en/acrobat/PDFOpenParameters.pdf) –

@winner_joiner: điều này phương pháp không ảnh hưởng đến trình xem pdf trong các trình duyệt – dashhund

<html> 
<head> 
<style type="text/css"> 
#wrapper{ width:100%; float:left; height:auto; border:1px solid #5694cf;} 
</style> 
</head> 
<div id="wrapper"> 
<object data="http://partners.adobe.com/public/developer/en/acrobat/PDFOpenParameters.pdf" width="100%" height="100%"> 
<p>Your web browser doesn't have a PDF Plugin. Instead you can <a href="http://partners.adobe.com/public/developer/en/acrobat/PDFOpenParameters.pdf"> Click 
here to download the PDF</a></p> 
</object> 
</div> 
</html>

Nguồn

2014-05-13 10:00:07

độ rộng đáp ứng đề cập đến pdf thực tế bên trong đối tượng trình xem pdf, không phải đối tượng lưu trữ trình xem pdf – dashhund

chỉ simpl làm điều này: -

<object data="resume.pdf" type="application/pdf" width="100%" height="800px"> 
    <p>It appears you don't have a PDF plugin for this browser. 
    No biggie... you can <a href="resume.pdf">click here to 
    download the PDF file.</a></p> 
</object> 
</div>

Nguồn

2014-06-20 14:36:38 dhanasekar

Công cụ này hoạt động tốt, tạo http://dabblet.com/gist/1cddeeb1cbc89f0a9061 để kiểm tra điều này, chơi xung quanh với chiều rộng và chiều cao – Carlton

tôi đã sai lầm một lần - nhúng tập tin PDF vào các trang HTML. Tôi sẽ đề nghị bạn sử dụng một thư viện JavaScript để hiển thị nội dung của tệp PDF. Giống như https://github.com/mozilla/pdf.js/

Nguồn

2014-11-04 21:04:58 chrwahl

Thật không may là hoàn hảo . Nhưng rất nhiều tệp PDF tôi đã thử xem có vẻ khủng khiếp vì có vấn đề về phông chữ. (Chrome 38/Windows 7) – dakotapearl

Nếu bạn đang sử dụng Bootstrap 3, bạn có thể sử dụng lớp phản hồi nhúng và đặt phần đệm dưới dạng chiều cao chia cho chiều rộng cộng thêm một chút cho thanh công cụ. Ví dụ, để hiển thị một 8.5 của 11 PDF, sử dụng 130% (11/8.5) cộng thêm một chút (20%).

<div class='embed-responsive' style='padding-bottom:150%'> 
    <object data='URL.pdf' type='application/pdf' width='100%' height='100%'></object> 
</div>

Đây là CSS Bootstrap:

.embed-responsive { 
    position: relative; 
    display: block; 
    height: 0; 
    padding: 0; 
    overflow: hidden; 
}

Nguồn

2016-03-18 18:38:08

Làm thế nào để nhúng tập tin PDF với chiều rộng đáp ứng

Trả lời

Các vấn đề liên quan