---
title: "Wie man die PDF-Vorschau im Artikel vergrößert"
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:43:25Z
published: 2026-06-22T08:43:25Z
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.

# Wie man die PDF-Vorschau im Artikel vergrößert

Standardmäßig variiert die Breite einer eingebetteten PDF-Vorschau in einem Artikel je nach Browser des Lesers. Du kannst dies mit Custom CSS überschreiben, um die PDF-Vorschau auf eine konstante Breite zu setzen, typischerweise 100 % des Artikelcontainers, sodass die Vorschau für alle Leser unabhängig vom Browser gleich gerendert wird.

 HINWEIS

Dieser Workaround gilt nur für Artikel, die im **Advanced WYSIWYG-Editor** erstellt wurden. PDF-Vorschauen in den Markdown-Editor-Artikeln sind nicht betroffen.

---

## Wann sollte man diese Lösung verwenden

- **Inkonsistente PDF-Darstellung über Browser hinweg**: Wenn Leser berichten, dass eingebettete PDFs zu schmal erscheinen oder in der Größe variieren, standardisiert diese Korrektur die Vorschaubreite.
- **Verbesserung der Lesbarkeit eingebetteter PDFs**: Die Erweiterung der Vorschau auf die volle Artikelbreite macht den Dokumentinhalt leichter lesbar, ohne dass der Leser heranzoomen oder die Datei separat öffnen muss.

 HINWEIS

Diese CSS-Änderung gilt für **alle eingebetteten PDF-Vorschauen** in allen Advanced WYSIWYG-Editor-Artikeln auf der Website. Es ist nicht möglich, einzelne PDFs mit dieser Methode gezielt anzusprechen.

---

## Kurze Referenz

Verwenden Sie den Ausschnitt für Ihre Knowledge Base-Website-Version.

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

---

## Wie man eine konsistente PDF-Vorschaubreite einstellt

1. Im Knowledge Base-Portal gehen Sie zu **Einstellungen** > **Knowledge Base-Seite** > **Custom CSS & JavaScript**.

![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. Wählen Sie den **CSS-Tab** und fügen Sie den Ausschnitt für Ihre Knowledge Base-Version aus der obigen Schnellreferenz ein.
2. Klicken **Sie auf Speichern**.

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

---

## Ergebnis

Nach dem Speichern des CSS erweitern sich eingebettete PDF-Vorschauen auf die volle Breite des Artikelcontainers und werden in allen Browsern konsistent angezeigt.

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

---

## Umfang und Reichweite

| Gegenstand | Detail |
| --- | --- |
| Umfang | Global, alle eingebetteten PDF-Vorschauen in allen Advanced WYSIWYG-Editor-Artikeln |
| Editor-Unterstützung | Nur Advanced WYSIWYG Editor, Markdown-Editor-Artikel sind nicht betroffen |
| Angewandte Breite | `100%` des Artikelbehälters |
| Individuelle Breite | Ersetzen Sie `100%` durch einen bestimmten Wert (z. B. `80%` oder `600px`), wenn Sie eine feste oder reduzierte Breite bevorzugen |

---

## Best Practices

- **Testen Sie nach der Anwendung in verschiedenen Browsern**: Überprüfen Sie, ob die PDF-Vorschau in Chrome, Firefox, Safari und Edge korrekt wiedergegeben wird, um sicherzustellen, dass die Korrektur in den gängigsten Browsern Ihrer Leser wie erwartet funktioniert.
- **Verwenden Sie eine prozentuale statt einer festen Pixelbreite**: `100%` Sie passt sich an unterschiedliche Bildschirmgrößen und Artikellayouts an. Ein fester Pixelwert wie `800px` dieser kann auf schmaleren Bildschirmen oder mobilen Geräten überlaufen.
- **Überlegen Sie, die Breite zu reduzieren, wenn das Artikellayout schmal ist**: Wenn Ihre Artikelvorlage ein zweispaltiges Layout verwendet oder einen schmalen Inhaltsbereich hat, `100%` kann dies dennoch eine kleinere Vorschau als erwartet erzeugen. In diesem Fall prüfen Sie, ob das Erweitern des Inhaltscontainers oder die Anpassung `90%` das Ergebnis verbessert.