---
title: "Comment définir la hauteur et la largeur par défaut du PDF intégré"
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:28:22Z
published: 2026-07-10T12:28:22Z
canonical: "docs.document360.com/how-to-set-the-default-height-and-width-of-the-embedded-pdf"
---

> ## 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.

# Comment définir la hauteur et la largeur par défaut du PDF intégré

Par défaut, la hauteur et la largeur d’un aperçu PDF intégré dans un article varient selon le navigateur du lecteur. Vous pouvez définir une taille fixe et constante pour tous les aperçus PDF en utilisant Custom CSS, afin que l’aperçu affiche les mêmes dimensions pour tous les lecteurs.

 NOTE

Cette solution de contournement ne s’applique qu’aux articles créés dans **l’éditeur WYSIWYG avancé**. Les aperçus PDF dans les articles de l’éditeur Markdown ne sont pas affectés.

---

## Quand utiliser cette correction

- **Tailles d’aperçu PDF incohérentes entre navigateurs** : les navigateurs affichent des objets PDF intégrés à différentes dimensions par défaut. Cette correction impose une taille constante.
- **Contrôler la proéminence de l’aperçu** : réglez une plus grande hauteur pour donner plus d’espace vertical au PDF, ou une taille plus petite pour le garder compact avec le contenu environnant.

 AVERTISSEMENT

Le sélecteur `object` CSS cible **tous** `<object>` les éléments du site, pas seulement les insertions PDF. Si votre base de connaissances utilise `<object>` des balises pour d’autres types de contenu (comme des SVG ou d’autres médias intégrés), celles-ci seront également redimensionnées par cet extrait.

---

## Petite référence

Remplacez `500px` par vos valeurs de hauteur et de largeur souhaitées.

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

---

## Comment définir la hauteur et la largeur de l’aperçu PDF

1. Dans le portail de la Base de connaissances, allez dans **Paramètres** > **site de la Base de connaissances** > **CSS & JavaScript personnalisés**.

![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. Sélectionnez l’onglet **CSS** et collez l’extrait suivant :

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

1. Remplacez les deux `500px` valeurs par la hauteur et la largeur souhaitées.
2. **Cliquez sur Enregistrer**.

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

---

## Conséquences

Après avoir sauvegardé le CSS, les aperçus PDF intégrés s’affichent aux dimensions fixes spécifiées sur tous les navigateurs.

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

---

## Portée et couverture

| Objet | Détails |
| --- | --- |
| Portée | Global, tous `<object>` les éléments dans tous les articles de l’éditeur WYSIWYG |
| Support des éditeurs | Éditeur WYSIWYG avancé uniquement. Les articles de l’éditeur Markdown ne sont pas affectés |
| Taille par défaut de l’exemple | `500px` × `500px`, ajustez-vous à vos besoins de mise en page |
| Hauteur et largeur | En définissant indépendamment, vous pouvez utiliser différentes valeurs pour chaque fois |
| Valeurs en pourcentage | Supporté, utiliser `width: 100%` pour remplir la largeur du conteneur de l’article |

---

## Meilleures pratiques

- **Fixez la largeur à un pourcentage plutôt qu’à une valeur fixe en pixels lorsque possible** : `width: 100%` cela remplit le conteneur d’articles et s’adapte à différentes tailles d’écran, tandis qu’un écran fixe `500px` peut déborder sur des écrans étroits ou paraître trop petit sur des écrans larges. N’utilisez des valeurs fixes que lorsque vous avez besoin d’une taille précise et inchangée.
- **Définissez la hauteur par rapport à votre contenu PDF** : une hauteur trop faible oblige les lecteurs à faire défiler dans le panneau d’aperçu. Envisagez `600px` ou `700px` pour un PDF portrait A4 standard d’afficher au moins une page complète sans défiler.
- **Testez sur mobile après l’application** : les dimensions fixes des pixels ne diminuent pas sur les petits écrans. Si votre base de connaissances a un trafic mobile important, vérifiez que l’aperçu PDF ne déborde pas la mise en page de l’article sur des fenêtres de vue étroites.
- **Utilisez un sélecteur plus spécifique si nécessaire** : si le sélecteur large `object` affecte d’autres contenus intégrés sur votre site, remplacez-le par un sélecteur plus ciblé. Par exemple, `article p object` limite la portée aux `<object>` éléments contenus dans les paragraphes d’articles.