Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
Responsive Web Design
15
1920px
Reine Frontend-Lösung
1280px
1024px
320px
480px
- Keine Browserweiche.
- Nur CSS und kein Javascript.
- Keine Abhängigkeiten vom Backend.
Fakten - Praxis - Beispiele
Responsive Web Design
Praxisbeispiel
goo.gl/CtraBt
320px
960px
480px
Viewport - Das virtuelle Fenster
Beispiel
pros
<meta name="viewport" content="
user-scalable=0,
width=device-width,
initial-scale=1,
maximum-scale=1" />
.content {
width: 1024px;
}
/* < 320px */
@media screen and (max-width: 320px) {
html .content {
width: 320px;
}
}
- Integration in vorhandene Webseiten möglich.
- Kompatibel mit allen modernen (mobilen) Browsern.
- Inhalt bleibt unter einer URL verfügbar.
- Das selbe HTML gilt für alle Geräte.
)
- Ressourcen werden ggf. umsonst übertragen.
- Werbung ist schwer zu integrieren.
- Zeitaufwand wird leicht unterschätzt.
cons
Code to standards,
not devices.