Hướng dẫn how to make pdf responsive in html - cách tạo pdf đáp ứng trong html

Tôi đang nhúng các tệp PDF bằng cách sử dụng một cái gì đó như thế này:

Nó hoạt động nhưng tôi muốn đặt chiều rộng PDF để khớp với chiều rộng của div chứa. Hiện tại nó hiển thị như một iframe với ScrollBars, vì vậy để xem toàn bộ PDF, bạn phải cuộn 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 điều này? Tôi đang hỗ trợ IE8 trở lên.

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

Khi được hỏi ngày 9 tháng 5 năm 2013 lúc 18:49May 9, 2013 at 18:49

Hướng dẫn how to make pdf responsive in html - cách tạo pdf đáp ứng trong html

Emersonthisemersonthisemersonthis

32K56 Huy hiệu vàng203 Huy hiệu bạc350 Huy hiệu Đồng56 gold badges203 silver badges350 bronze badges

7

Đơn giản chỉ cần làm điều này:

 
  

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

Đã trả lời ngày 20 tháng 6 năm 2014 lúc 14:36Jun 20, 2014 at 14:36

Hướng dẫn how to make pdf responsive in html - cách tạo pdf đáp ứng trong html

Dhanasekardhanasekardhanasekar

1.12812 Huy hiệu bạc16 Huy hiệu đồng12 silver badges16 bronze badges

3

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

Đây là Bootstrap CSS:

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

Đã trả lời ngày 18 tháng 3 năm 2016 lúc 18:38Mar 18, 2016 at 18:38

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

Đã trả lời ngày 4 tháng 11 năm 2014 lúc 21:04Nov 4, 2014 at 21:04

chrwahlchrwahlchrwahl

6.2371 Huy hiệu vàng16 Huy hiệu bạc28 Huy hiệu đồng1 gold badge16 silver badges28 bronze badges

1





Your web browser doesn't have a PDF Plugin. Instead you can Click here to download the PDF

Đã trả lời ngày 13 tháng 5 năm 2014 lúc 10:00May 13, 2014 at 10:00

Hướng dẫn how to make pdf responsive in html - cách tạo pdf đáp ứng trong html

Surya r praveensurya r praveenSurya R Praveen

3.0791 Huy hiệu vàng23 Huy hiệu bạc20 Huy hiệu Đồng1 gold badge23 silver badges20 bronze badges

1

Nhìn từ góc độ không phải của Đạo sư, điều này sẽ làm chính xác những gì chúng ta mong muốn:


Đã trả lời ngày 27 tháng 6 năm 2020 lúc 12:25Jun 27, 2020 at 12:25

Làm thế nào tôi có thể chuyển đổi PDF thành HTML đáp ứng?

Cách nhanh nhất để chuyển đổi PDF của bạn là mở nó trong Acrobat. Chuyển đến menu Tệp, điều hướng xuống để xuất và chọn trang web HTML. PDF của bạn sẽ tự động chuyển đổi và mở trong trình duyệt web mặc định của bạn. Để biết thêm các tùy chọn sắc thái hơn, hãy bắt đầu với PDF của bạn mở bằng Acrobat và nhấp vào công cụ xuất khẩu PDF ở bên phải.Go to the File menu, navigate down to Export To, and select HTML Web Page. Your PDF will automatically convert and open in your default web browser. For more nuanced options, begin with your PDF open in Acrobat and click on the Export PDF tool on the right.

Bạn có thể thực hiện đáp ứng PDF không?

Để làm cho nội dung của tài liệu PDF đáp ứng, chúng tôi cần rút tất cả dữ liệu ra khỏi tệp PDF và viết chúng sang định dạng khác hỗ trợ bố cục phản hồi.Việc truy cập và nhận dạng các yếu tố của tệp PDF là không dễ dàng.Nhưng may mắn thay, thư viện SDK PDFIX của chúng tôi có thể làm điều đó và kết quả rất chính xác!pull all the data out of the PDF file and write them to another format that supports responsive layout. Accessing and recognizing elements of the PDF file is not easy. But fortunately, our PDFix SDK Library can do that and the results are very precise!

Làm cách nào để hiển thị PDF trong trang HTML?

Cách dễ nhất để đặt PDF vào tài liệu HTML là sử dụng thẻ với thuộc tính HREF của nó.Bạn cần thêm URL hoặc liên kết tham chiếu của tệp PDF của bạn vào phần tử.using the tag with its href attribute. You need to add the URL or the reference link of your PDF file to the element.

Tôi có thể iframe một pdf không?

Nhấp chuột phải vào liên kết trong thuộc tính HREF và nhấp vào Sao chép địa chỉ liên kết.Tạo một khối nội dung văn bản mới.Nhấp vào biểu tượng phương tiện nhúng và nhúng mã HTML vào IFRAME trỏ đến URL PDF bạn đã lưu ý trong bước 3. Nhấp vào dấu kiểm để xem PDF được hiển thị trong iframe mới được tạo.