Was bezieht sich auf die CSS3-Eigenschaft device-width
? Ist es screen.width
oder eher window.innerWidth
?Device-width und screen.width & window.innerWidth
Antwort
window.innerWidth
genau, die für das Gerät nur dann funktionieren,
Was meinst du "die nur für Gerät arbeiten"? – Mulligun81
Nach MDN
Beschreibt die Breite des Ausgabegeräts (dh den gesamten Bildschirm oder Seite, anstatt nur die Rendering-Bereich, wie zum als das Dokumentfenster).
Und this question:
max-device-Breite ist die Breite der gesamten Wiedergabebereich des Gerätes, das heißt dem tatsächlichen Gerätebildschirm
Daher ist es screen.width
.
Also ist 'screen.width' immer gleich (konstant) für konkrete mobile Geräte? – Mulligun81
@ Mulligun81 Nein! Der Benutzer kann das Gerät so drehen, dass die Breite zur Höhe wird. –
Ok ich verstehe. Können Sie mir dann erklären, warum das Einstellen der Ansichtshöhe 'height = device-height' nicht funktioniert -' window.innerHeight' gibt immer denselben Wert an, während 'width = device-width' von 'window.innerWidth' reflektiert wird? – Mulligun81
- 1. Android-Browser screen.width, screen.height & window.innerWidth & window.innerHeight sind unzuverlässig
- 2. Unerwartetes Verhalten von window.innerwidth
- 3. window.innerWidth Wenn nicht ausgelöst
- 4. Wert der screen.width JS-Eigenschaft
- 5. undefined window.innerWidth in Safari 10.1.1
- 6. screen.width/screen.height nicht nach der Bildschirmrotation
- 7. offene linke und rechte Seitenwand, wenn (window.innerWidth> 800)
- 8. Unerwarteter Wert für window.innerWidth auf Android
- 9. Was ist der Unterschied zwischen window.innerWidth window.outerWidth?
- 10. window.innerWidth im Geräte-Modus von Chrome
- 11. Android Browser - Javascript window.innerWidth gibt den falschen Wert zurück
- 12. Browserbreite in der Komponente prüfen, in Variable speichern und dann in der Vorlage in Angular verwenden
- 13. Unity2d Screen.width wird nicht zurückgegeben Tatsächliche Bildschirmabmessungen des Leinwandbereichs in Android-Geräten
- 14. In Chrome DevTool, warum die console.log (window.innerWidth) 981 =, während es als iphone6 Modus (375 * 667)
- 15. Three.js Rendering und Bootstrap-Gitter
- 16. Code ausführen, wenn der Bildschirm eine bestimmte Breite hat
- 17. Javascript: Bildgröße ändern, um Fenster zu passen, dann Vollgröße umschalten und Größe auf Klicken justieren?
- 18. Höhe = Gerätehöhe und window.innerHeight
- 19. Fenstergröße und Auszug Länge
- 20. Bildschirmauflösung auf einer PhoneGap App
- 21. Funktion zum Erhalten der Fensterbreite und -höhe mit Haskell-Glanz
- 22. Three.js: Kombinieren SMAA und SSAO Nachbearbeitung
- 23. Bildschirmausrichtung, Breite und Höhe mit Javascript einstellen
- 24. Desktop erfassen und als Textur verwenden?
- 25. Kann HTML META-Tag in CSS-Datei geändert werden
- 26. erkennen Fensterbreite und kompensieren Bildlaufleisten - Javascript
- 27. three.js, Tweens Kamera und mousemove- Ereignis
- 28. Getting Object.freeze kann nur auf Objekte unter Android
- 29. D3.js Größe ändern und ziehen
- 30. three.js move ball vorwärts und zurück
http://www.quirksmode.org/mobile/viewports.html –