# Mobiles / responsives Design

## 📱 Mobile Geräte / Responsive Design

Alle Umfrage- und Formularstile werden standardmäßig mit Unterstützung für Mobil-, Tablet- oder Desktop-Clients geliefert. Der Stil passt sich automatisch an das Zielgerät an; einige Fragen wie die [Matrixfragen](/de/form-management/form-designer/questions/question-types/matrix-questions.md) passen sogar ihre Darstellung an die Einschränkungen mobiler Geräte an. 

Der Stil-Editor ermöglicht es Ihnen jederzeit eine Vorschau anzusehen, wie Ihre Umfrage auf dem von Ihnen gewählten Zielgerät aussehen wird.

![](/files/39fb5b39289d45fdbcbd247f6c6917f8cc5556a6)

{% hint style="warning" %}
Seien Sie vorsichtig, wenn Sie ein Zielgerät auswählen und die [Elements](/de/form-management/style-branding/style-editor/elements.md) Eigenschaften bearbeiten, da die [Elements](/de/form-management/style-branding/style-editor/elements.md) Eigenschaften, wie unten beschrieben, pro Zielgerät gespeichert werden. Wenn Sie möchten, dass Ihre Änderungen alle Geräte betreffen, stellen Sie sicher, dass Sie zurück zu **Alle Geräte** wechseln, bevor Sie Änderungen an den Elementen vornehmen
{% endhint %}

##  💻 Unterschiedliche Stile für verschiedene Geräte.

Der Standardmodus beim Bearbeiten eines Stils ist, dass der Stil alle Geräte anspricht. Wenn Sie beispielsweise die Schriftgrößen der Antworten in den [Elements](/de/form-management/style-branding/style-editor/elements.md) Eigenschaften ändern, haben alle Geräte dieselbe Schriftgröße. 

Sie können jedoch auch einen granuläreren Ansatz verfolgen und für jedes Zielgerät einen eigenen Stil erstellen. 

Wenn Sie unterschiedliche Stileigenschaften basierend auf dem Zielgerät festlegen möchten, wählen Sie das Zielgerät aus, für das Sie die Eigenschaften bearbeiten möchten, und bearbeiten Sie die [Elements](/de/form-management/style-branding/style-editor/elements.md) Eigenschaften. 

![](/files/04a206cca52b5e6cbcd79281588fab8e41bba19c)

Wenn Sie das Smartphone-Ziel gesetzt haben, werden Änderungen an den [Elements](/de/form-management/style-branding/style-editor/elements.md) nun nur auf Smartphones angezeigt. 

Stil-Eigenschaften werden zur Laufzeit in der Umfrage basierend auf der Browser-Breite des Befragten gesetzt. Läuft der Nutzer beispielsweise auf einem Laptop mit einer Bildschirmauflösung von 960px, versucht ngSurvey zunächst, die für das **Laptop** Zielgerät gesetzten Stileigenschaften zu verwenden; wenn dort keine Eigenschaften gefunden werden, fällt es zurück auf das **Tablet** und so weiter. Wenn ngSurvey keine zielgerätespezifischen Eigenschaften findet, fällt es auf das **Alle Geräte** Eigenschaften. 

{% hint style="warning" %}
Zur spezifischen Zielgerät-Stilen haben Vorrang vor dem globalen Alle Geräte-Zielstil und überschreiben jede ähnliche Eigenschaft.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ngsurvey.com/de/form-management/style-branding/style-editor/mobile-responsive-design.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.