Benutzer-Werkzeuge
css:media
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
| Both sides previous revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
|
css:media [2015/07/28 15:46] webproducer Beispiele hinzugefügt |
css:media [2015/12/19 00:00] (aktuell) |
||
|---|---|---|---|
| Zeile 5: | Zeile 5: | ||
| Eine gute Darstellung der Website auf Handys und Tablets wie z. B. Samsung Galaxy, iPhone, iPad, HTC, Windows Phone und deren Kollegen ist mindestens genauso wichtig. Aber damit nicht genug, denn für jedes dieser mobilen Endgeräte gibt es noch zwei weitere Ansichten: Hochformat und Querformat. | Eine gute Darstellung der Website auf Handys und Tablets wie z. B. Samsung Galaxy, iPhone, iPad, HTC, Windows Phone und deren Kollegen ist mindestens genauso wichtig. Aber damit nicht genug, denn für jedes dieser mobilen Endgeräte gibt es noch zwei weitere Ansichten: Hochformat und Querformat. | ||
| - | Der Begriff "Responsives Webdesign" beschreibt die Optimierung einer Webseite für mobile Endgeräte. Abgesehen von der abweichenen Anzahl von Pixel für Höhe und Breite kommt die Tatsache hinzu, dass es beim Handy und Tablet der Mauspfeil durch ein Touchscreen abgelöst wurde. Somit sind Tipp-Texte sowie hover-Styles nicht mehr möglich. | + | Der Begriff [[http://www.responsive-webdesign.mobi/was-ist-responsive-webdesign/|"Responsives Webdesign"]] beschreibt die Optimierung einer Webseite für mobile Endgeräte. Abgesehen von der abweichenen Anzahl von Pixel für Höhe und Breite kommt die Tatsache hinzu, dass es beim Handy und Tablet der Mauspfeil durch ein Touchscreen abgelöst wurde. Somit sind Tipp-Texte sowie hover-Styles nicht mehr möglich. |
| Mit Media Queries kann das aktuell verwendete Gerät abgefragt und entsprechend darauf reagiert werden. So kann eine zweispalte Webseite z. B. auf dem Handy als nur einspaltige angezeigt werden, da die Breite hier nicht zur Verfügung steht. Wichtig ist hierbei, dass die Webseite mit einzelnen Elementen wie "div"'s und mit CSS erstellt wurde. Eine Table-Layout-Tabelle z. B. kann nicht durch Media Queries beeinfluss und zerlegt werden. | Mit Media Queries kann das aktuell verwendete Gerät abgefragt und entsprechend darauf reagiert werden. So kann eine zweispalte Webseite z. B. auf dem Handy als nur einspaltige angezeigt werden, da die Breite hier nicht zur Verfügung steht. Wichtig ist hierbei, dass die Webseite mit einzelnen Elementen wie "div"'s und mit CSS erstellt wurde. Eine Table-Layout-Tabelle z. B. kann nicht durch Media Queries beeinfluss und zerlegt werden. | ||
css/media.1438091218.txt.gz · Zuletzt geändert: 2015/12/19 00:00 (Externe Bearbeitung)
Seiten-Werkzeuge
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 3.0 Unported
