вставлять PDF в HTML высота не распространяется - PullRequest
Новая
       4

вставлять PDF в HTML высота не распространяется

0 голосов
/ 11 июня 2019

Я пытаюсь встроить pdf в мою html-страницу: 

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>GetPDF</title>
</head>
<body>
    <object data="/Content/Exams/2016/T205_16.pdf" type="application/pdf" width="100%" height="100%"></object>
</body>
</html>

, но когда я запускаю это, я получаю ширину 100% (хорошо), но высота равна только 100px, а не 100%, как и ожидалось.

1 Ответ

0 голосов
/ 12 июня 2019

По умолчанию элементы блока HTML (включая элементы <html> и <body>) имеют высоту, равную их содержанию. То есть они «сжимаются», чтобы соответствовать высоте своего контента. Свойство высоты объекта PDF имеет значение 100%, но, поскольку это 100% его родительского элемента, а не области просмотра, а родительский элемент PDF сокращается до размера содержимого, объект PDF будет отображаться на его минимальной высоте.

Вам необходимо установить родительский объект PDF (элементы <body>) в качестве высоты области просмотра. Это легко сделать с помощью CSS - просто установите свойство CSS высоты элемента <html> на 100%, чтобы оно заполнило область просмотра, а затем также установите высоту элемента <body> на 100%, чтобы заполнить элемент <html>.

Добавьте этот код к вашему <head>: 

<style>
    html, body {
        height: 100%;
    }
</style>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...