# Conception mobile / responsive

## 📱 Appareils mobiles / Conception réactive

Tous les styles de sondages et de formulaires sont fournis avec une prise en charge native des clients mobiles, tablettes ou de bureau. Le style s’adaptera automatiquement à l’appareil cible ; certaines questions comme les [questions matricielles](https://docs.ngsurvey.com/fr/form-management/form-designer/questions/question-types/matrix-questions) adapteront même leur rendu pour tenir compte des contraintes des appareils mobiles. 

L’éditeur de style vous permet d’apercevoir à tout moment l’apparence de votre sondage sur l’appareil cible de votre choix.

![](https://186103257-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBbtfqVdgt-ErIp2i94%2F-MBbz7P4lfVJz7CusAMq%2Fimage.png?alt=media\&token=1ad8481f-11ed-445c-bb09-28a5bbf67d78)

{% hint style="warning" %}
Faites attention lorsque vous sélectionnez une cible et modifiez les [Éléments](https://docs.ngsurvey.com/fr/form-management/style-branding/style-editor/elements) propriétés car les [Éléments](https://docs.ngsurvey.com/fr/form-management/style-branding/style-editor/elements) propriétés sont enregistrées, comme décrit ci‑dessous, par cible. Si vous souhaitez que vos modifications s’appliquent à tous les appareils, assurez‑vous de revenir à **Tous les appareils** avant d’apporter des modifications aux éléments
{% endhint %}

##  💻 Styles différents pour différents appareils.

Le mode par défaut lors de l’édition d’un style cible tous les appareils ; ainsi, si vous modifiez par exemple la taille de police des réponses dans les [Éléments](https://docs.ngsurvey.com/fr/form-management/style-branding/style-editor/elements) propriétés, tous les appareils auront la même taille de police. 

Vous pouvez toutefois adopter une approche plus granulaire et créer un style pour chaque appareil cible. 

Si vous souhaitez définir des propriétés de style différentes selon l’appareil cible, sélectionnez l’appareil cible pour lequel vous voulez modifier les propriétés et éditez les [Éléments](https://docs.ngsurvey.com/fr/form-management/style-branding/style-editor/elements) propriétés. 

![](https://186103257-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBbtfqVdgt-ErIp2i94%2F-MBbwPLP8Qs9nQB0JIbn%2Fimage.png?alt=media\&token=bff1c160-0d7c-48a1-9c04-50449cd9b38d)

Si vous avez défini la cible smartphone, toute modification des [Éléments](https://docs.ngsurvey.com/fr/form-management/style-branding/style-editor/elements) sera désormais affichée uniquement sur les smartphones. 

Les propriétés de style sont appliquées à l’exécution dans le sondage en fonction de la largeur du navigateur du Répondant. Si l’utilisateur exécute par exemple sur un ordinateur portable avec une résolution d’écran de 960px, ngSurvey cherchera d’abord les propriétés de style définies pour le **laptop** appareil cible ; si aucune propriété n’y est trouvée, il retombera vers le **tablet** et ainsi de suite. Si ngSurvey ne trouve aucune propriété spécifique à un appareil cible, il reviendra au **Tous les appareils** propriétés. 

{% hint style="warning" %}
Les styles spécifiques aux appareils cibles priment sur le style global « Tous les appareils » et remplaceront toute propriété similaire.
{% endhint %}