Problem #1024💬 BeantwortetApr 10, 2018 geöffnetvon Tommedema0-Reaktionen

Real Responsive Device Mode

Kurze Antwortvon NoJacko

Baue dein CSS mit 'min-width' statt 'min-device-width' usw. Und es ist alles gut.

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Man könnte denken, dass das Ändern der Breite eines iframes in die Breite eines GerĂ€ts genauso funktioniert wie ein GerĂ€teemulator, aber in Wirklichkeit ist das nicht der Fall https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports. Hier ein Beispiel: Wenn du pages.github.io in ein iframe mit einer Breite von 320px lĂ€dst, bekommst du: <img width="359" alt="Screenshot 2018-04-09 um 16:44:24 Uhr" src="https://user-images.githubusercontent.com/331833/38528599-4c6ef62c-3c15-11e8-97e6-6c2bf2448da5.png"> Du kannst es selbst ausprobieren: Wenn du zu pages.github....

Antworten (3)

NoJacko‱ Apr 13, 2018

Baue dein CSS mit 'min-width' statt 'min-device-width' usw. Und es ist alles gut.

Tommedema‱ Apr 13, 2018

@nojacko das setzt voraus, dass ich die Kontrolle ĂŒber das CSS habe. Das ist nicht der Fall ;) Außerdem verwendet das obige Beispiel nicht 'min-device-width'. Es verwendet einfach 'Breite: 900px'. Kleine GerĂ€te sind intelligent genug, um entsprechend zu skalieren. Ein wirklich responsiver Modus wĂŒr...

artf‱ Apr 14, 2018

Danke fĂŒr den Vorschlag, @tommedema aber momentan sehe ich keinen Sinn darin, an einer solchen Verbesserung zu arbeiten. Die aktuelle Implementierung funktioniert, wenn man eine responsive Vorlage erstellen möchte, und das ist das, was wirklich zĂ€hlt. Übrigens, wenn du wirklich daran arbeiten wills...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmĂ€ĂŸigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.