---
title: "Como ampliar a prévia do PDF no artigo"
slug: "how-to-enlarge-the-pdf-preview-in-the-article"
description: "With Custom CSS, you can change the PDF preview size"
tags: ["Customization"]
updated: 2026-06-22T08:58:57Z
published: 2026-06-22T08:58:57Z
canonical: "docs.document360.com/how-to-enlarge-the-pdf-preview-in-the-article"
---

> ## 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 ampliar a prévia do PDF no artigo

Por padrão, a largura de uma prévia PDF embutida em um artigo varia dependendo do navegador do leitor. Você pode sobrescrever isso usando o CSS Personalizado para definir a pré-visualização do PDF com uma largura consistente, normalmente 100% do contêiner do artigo, para que a pré-visualização seja renderizada da mesma forma para todos os leitores, independentemente do navegador.

 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

- **Renderização inconsistente dos PDFs entre navegadores**: se os leitores relatarem que PDFs incorporados parecem muito estreitos ou variam em tamanho, essa correção padroniza a largura da prévia.
- **Melhorando a legibilidade de PDFs incorporados**: expandir a pré-visualização para a largura total do artigo torna o conteúdo do documento mais fácil de ler, sem que o leitor precise dar zoom ou abrir o arquivo separadamente.

 NOTA

Essa alteração no CSS se aplica **a todas as prévias de PDF incorporadas** em todos os artigos do editor Advanced WYSIWYG no site. Não é possível direcionar PDFs individuais usando esse método.

---

## Referência rápida

Use o trecho para a versão do seu site da base de conhecimento.

```
article p object {
    width: 100% !important;
}
```

---

## Como definir uma largura consistente de pré-visualização do PDF

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

![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 trecho da versão do site da sua base de conhecimento a partir da referência rápida acima.
2. Clique **em Salvar**.

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

---

## Desfecho

Após salvar o CSS, prévias de PDF incorporadas se expandem até toda a largura do contêiner do artigo, exibindo consistentemente em todos os navegadores.

![Knowledge Base site article showing an embedded PDF preview rendered at full article width.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot-Outcome.png)

---

## Escopo e cobertura

| Item | Detalhes |
| --- | --- |
| Escopo | Prévias globais em PDF todas incorporadas em todos os artigos do editor Advanced WYSIWYG |
| Suporte ao editor | Apenas editor avançado WYSIWYG, artigos do editor Markdown não são afetados |
| Largura aplicada | `100%` do contêiner de artigos |
| Largura personalizada | Substitua `100%` por um valor específico (por exemplo, `80%` ou `600px`) se preferir uma largura fixa ou reduzida |

---

## Melhores práticas

- **Teste em vários navegadores após aplicar**: verifique se a pré-visualização do PDF é renderizada corretamente no Chrome, Firefox, Safari e Edge para confirmar que a correção funciona como esperado nos navegadores mais comuns dos seus leitores.
- **Use uma porcentagem em vez de uma largura fixa de pixel**: `100%` adapta-se a diferentes tamanhos de tela e layouts de artigos. Um valor fixo de pixel, como `800px` pode transbordar em telas mais estreitas ou dispositivos móveis.
- **Considere reduzir a largura se o layout do artigo for estreito**: se seu modelo de artigo usar um layout de duas colunas ou tiver uma área de conteúdo restrita, `100%` ainda pode produzir uma prévia menor do que o esperado. Nesse caso, verifique se alargar o contêiner de conteúdo ou ajustar para `90%` melhorar o resultado.