Я пытаюсь встроить PDF-документ в HTML коде, и я попробовал три различных подхода, которые на самом деле дал мне тот же результат:Вложение PDF-файла в html с шириной и высотой 100%?
<embed src="files/cv_aaragon_en.pdf" width="100%" height="100%">
<object data="files/cv_aaragon_en.pdf" type="application/pdf" width="100%" height="100%">
<p>It appears you don't have a PDF plugin for this browser.
No problem, you can still <a href="files/cv_aaragon_en.pdf">download the PDF file.</a></p>
</object>
<iframe src="files/cv_aaragon_en.pdf" width="100%" height="100%">
показано на рисунке:
Теперь у меня есть следующие вопросы:
- Кадры не используют всю ширину страницы (что я считаю нормальным), потому что есть много белого пространства для обеих сторон серых областей. Меня это не беспокоит.
- Если для определения установлено значение width = "100%", почему он не принимает полную ширину? Почему существуют серые регионы? Это беспокоит меня, потому что pdf-файл должен быть больше, чтобы он стал читаемым.
- Я мог бы изменить ширину, но я не хочу жестко кодировать ее значение, чтобы страница выглядела хорошо, независимо от устройства. Есть ли способ получить фактическую ширину и поместить ее в это определение ширины?
- То же самое с высотой, мне нужно, чтобы оно было намного больше, но я не хочу жестко кодировать его значение. Как это делается?
- И, наконец, учитывая три подхода выше, какой из них является лучшим с точки зрения скорости загрузки?
спасибо.
При установке 'width' на 100%, отображая компонент PDF дается по всей ширине. Этот компонент, однако, решает, как заполнить эту ширину, и обычно это делается на основе настроек внутри PDF-файла. – mkl