Heim >Web-Frontend >CSS-Tutorial >Was ist ein responsives CSS-Layout?

Was ist ein responsives CSS-Layout?

一个新手
一个新手Original
2017-09-09 13:29:521808Durchsuche

Ursache Da sich immer mehr smarte Mobilgeräte (Mobil-, Tablet-Geräte) dem Internet anschließen, ist das mobile Internet kein eigenständiges kleines Netzwerk mehr, sondern ein wichtiger Bestandteil des Internets . Das Aufkommen des responsiven Webdesigns (RWD/AWD) zielt darauf ab, ein besseres Erlebnis für mobile Geräte zu bieten und verschiedene Bildschirmgrößen und Auflösungen vom Desktop bis zum Mobiltelefon zu integrieren. Dabei wird Technologie eingesetzt, um Webseiten an kleine bis große (jetzt extra große) Bildschirme anzupassen unterschiedlicher Auflösungen.
Hinweis: Responsive Web Design = RWD, Adaptive Web Design = AWD, das gleiche Design unten
RWD: Verwendung der CSS-Medienabfragetechnologie
Flüssiges Layout (flüssig Raster)
Adaptive Bilder/Videos und andere Ressourcenmaterialien
(einige Optimierungen werden für kleine, mittlere und große Bildschirme vorgenommen, mit dem Ziel, den Bildschirmraum jeder Größe voll auszunutzen)
AWD : CSS-Medienabfragetechnologie (nur für eine begrenzte Anzahl voreingestellter Bildschirmgrößen konzipiert)
Verwenden Sie Javascript, um HTML-Inhalte zu bedienen
Bearbeiten Sie HTML-Inhalte auf der Serverseite (z. B. Reduzieren von Inhalten für mobile Endgeräte, Reduzieren von Inhalten). für Desktop-Terminals Mehr Inhalte bereitstellen)
Design-Ideen Mobile First (Beginnen Sie mit dem mobilen Endgerät, RWD): Alles beginnt mit dem mobilen Endgerät mit dem kleinsten Bildschirm (z. B. 320 Pixel für iPhone), bestimmen Sie zunächst den Inhalt, und gehen Sie dann Schritt für Schritt vor. Großbildgestaltung. Anders als das ursprüngliche Webdesign, das auf dem Desktop-Computer immer bei 1024 Pixel beginnt.

Das obige ist der detaillierte Inhalt vonWas ist ein responsives CSS-Layout?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn