---
title: "Como definir a altura e largura padrão do PDF incorporado"
slug: "how-to-set-the-default-height-and-width-of-the-embedded-pdf"
description: "Preview size of the PDF files in the article would vary for browsers. However, you can configure the desired height and width of the PDF file."
tags: ["Customization"]
updated: 2026-07-10T12:30:02Z
published: 2026-07-10T12:30:02Z
canonical: "docs.document360.com/how-to-set-the-default-height-and-width-of-the-embedded-pdf"
stale: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Como definir a altura e largura padrão do PDF incorporado

Por padrão, a altura e a largura de uma pré-visualização de PDF embutida em um artigo variam dependendo do navegador do leitor. Você pode definir um tamanho fixo consistente para todas as prévias do PDF usando o CSS Customizado, para que a pré-visualização seja renderizada nas mesmas dimensões para todos os leitores.

 NOTA

Essa solução alternativa se aplica apenas a artigos criados no **editor Advanced WYSIWYG**. Prévias em PDF nos artigos do editor Markdown não são afetadas.

---

## Quando usar essa correção

- **Tamanhos inconsistentes de pré-visualização de PDF entre navegadores**: navegadores renderizam objetos PDF embutidos em diferentes dimensões padrão. Essa correção impõe um tamanho consistente.
- **Controle da proeminência da pré-visualização**: defina uma altura maior para dar mais espaço vertical ao PDF na página, ou um tamanho menor para mantê-lo compacto junto com o conteúdo ao redor.

 AVISO

O seletor `object` CSS mira **todos** `<object>` os elementos do site, não apenas embeds em PDF. Se sua base de conhecimento usar `<object>` tags para outros tipos de conteúdo (como SVGs ou outras mídias incorporadas), essas também serão redimensionadas por esse trecho.

---

## Referência rápida

Substitua `500px` pelos valores desejados de altura e largura.

```
object {
    height: 500px !important;
    width: 500px !important;
}
```

---

## Como definir altura e largura da pré-visualização do PDF

1. No portal da Base de Conhecimento, acesse **Configurações** > **site da Base de Conhecimento** > **CSS & JavaScript Personalizado**.

![Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&%20js.png)

1. Selecione a aba **CSS** e cole o seguinte trecho:

```
object {
    height: 500px !important;
    width: 500px !important;
}
```

1. Substitua ambos `500px` os valores pela altura e largura desejadas.
2. Clique **em Salvar**.

![Custom CSS editor showing the PDF object height and width snippet pasted in the CSS tab with the Save button visible.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1766930810821.png)

---

## Desfecho

Após salvar o CSS, prévias de PDF incorporadas são renderizadas nas dimensões fixas especificadas em todos os navegadores.

![Knowledge Base site article showing an embedded PDF preview rendered at a fixed height and width set by Custom CSS.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot-outcome_set_of_height_&_width.png)

---

## Escopo e cobertura

| Item | Detalhes |
| --- | --- |
| Escopo | Global, todos `<object>` os elementos em todos os artigos do editor WYSIWYG |
| Suporte ao editor | Apenas editor WYSIWYG avançado. Os artigos do editor Markdown não são afetados |
| Tamanho padrão do exemplo | `500px` × `500px`, ajuste às suas necessidades de layout |
| Altura e largura | Definido independentemente, você pode usar valores diferentes para cada um |
| Valores percentuais | Suportado, use `width: 100%` para preencher a largura do contêiner do artigo |

---

## Melhores práticas

- **Defina a largura para uma porcentagem em vez de um valor fixo em pixels quando possível**: `width: 100%` preenche o contêiner do artigo e se adapta a diferentes tamanhos de tela, enquanto um fixo `500px` pode transbordar em telas estreitas ou parecer pequeno demais em telas largas. Use valores fixos apenas quando precisar de um tamanho preciso e inalterado.
- **Defina a altura em relação ao seu conteúdo do PDF**: uma altura muito pequena força os leitores a rolarem dentro do painel de visualização. Considere `600px` ou `700px` para que um PDF padrão em formato A4 mostre pelo menos uma página inteira sem rolar a página.
- **Teste no celular após aplicar**: dimensões fixas dos pixels não diminuem em telas pequenas. Se sua base de conhecimento tiver tráfego móvel significativo, verifique se a pré-visualização do PDF não sobrecarrega o layout do artigo em janelas de visualização estreitas.
- **Use um seletor mais específico, se necessário**: se o seletor amplo `object` afetar outros conteúdos incorporados no seu site, substitua-o por um seletor mais direcionado. Por exemplo, `article p object` limita o escopo a `<object>` elementos dentro dos parágrafos do artigo.