---
title: "Cómo ampliar la vista previa en pdf en el artículo"
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:48:10Z
published: 2026-06-22T08:48:10Z
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.

# Cómo ampliar la vista previa en pdf en el artículo

Por defecto, el ancho de una vista previa de PDF incrustada en un artículo varía según el navegador del lector. Puedes anular esto usando Custom CSS para establecer la vista previa del PDF a un ancho consistente, normalmente al 100% del contenedor del artículo, de modo que la vista previa se muestre igual para todos los lectores, independientemente de su navegador.

 NOTA

Esta solución alternativa solo se aplica a artículos creados en el **editor avanzado WYSIWYG**. Las vistas previas en PDF en los artículos del editor Markdown no se ven afectadas.

---

## Cuándo usar esta solución

- **Renderizado inconsistente de los PDFs entre navegadores**: si los lectores informan que los PDFs incrustados parecen demasiado estrechos o varían en tamaño, esta solución estandariza el ancho de vista previa.
- **Mejorar la legibilidad de los PDFs incrustados**: ampliar la vista previa a todo el ancho del artículo facilita la lectura del contenido del documento sin necesidad de que el lector haga zoom o abra el archivo por separado.

 NOTA

Este cambio en CSS se aplica **a todas las vistas previas de PDF incrustadas** en todos los artículos del editor Advanced WYSIWYG del sitio. No es posible dirigir PDFs individuales usando este método.

---

## Referencia rápida

Usa el fragmento para la versión de tu sitio de la base de conocimientos.

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

---

## Cómo establecer un ancho de vista previa de PDF consistente

1. En el portal de la Base de Conocimiento, ve a **Configuración** > **sitio de la Base de Conocimientos** > **CSS y 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. Selecciona la pestaña **CSS** y pega el fragmento para la versión de tu base de conocimientos desde la referencia rápida anterior.
2. Haz clic **en Guardar**.

![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)

---

## Resultado

Tras guardar el CSS, las vistas previas de PDF incrustadas se expanden hasta el ancho completo del contenedor del artículo, mostrándose de forma consistente en todos los 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)

---

## Alcance y cobertura

| Punto | Detalle |
| --- | --- |
| Alcance | Vistas previas globales en PDF integradas en todos los artículos del editor avanzado WYSIWYG |
| Soporte para editores | Solo editor avanzado WYSIWYG, los artículos del editor Markdown no se ven afectados |
| Anchura aplicada | `100%` del contenedor de artículos |
| Ancho personalizado | Sustituye `100%` por un valor específico (por ejemplo, `80%` o `600px`) si prefieres un ancho fijo o reducido |

---

## Mejores prácticas

- **Prueba en varios navegadores después de aplicar:** verifica que la vista previa del PDF se renderice correctamente en Chrome, Firefox, Safari y Edge para confirmar que la solución funciona como se espera en los navegadores más comunes de tus lectores.
- **Usa un porcentaje en lugar de un ancho fijo de píxel**: `100%` se adapta a diferentes tamaños de pantalla y diseños de artículos. Un valor fijo de píxel, como puede `800px` desbordarse en pantallas más estrechas o dispositivos móviles.
- **Considera reducir el ancho si el diseño del artículo es estrecho**: si tu plantilla de artículo utiliza un diseño de dos columnas o tiene un área de contenido estrecha, `100%` puede que aún así produzca una vista previa más pequeña de lo esperado. En ese caso, comprueba si ensanchar el contenedor de contenido o ajustarlo `90%` para mejorar el resultado.