Heim > Web-Frontend > H5-Tutorial > So verwenden Sie HTML5 zum Implementieren von Website-Sticking in Windows8_html5-Tutorial-Fähigkeiten

So verwenden Sie HTML5 zum Implementieren von Website-Sticking in Windows8_html5-Tutorial-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:49:40
Original
1639 Leute haben es durchsucht

Schauen wir uns zunächst die Haftung von Windows 8 an. Die Metro-Anwendung in Windows 8 kann den Bildschirm sehr gut aufteilen

Ermöglicht Benutzern einen sehr bequemen Wechsel während der Nutzung. Das System verfügt außerdem über strenge Haftungsvorschriften. Es gibt höchstens zwei Bildschirme, einen großen und einen kleinen. Und die Breite des kleinen Bildschirms ist auf 320 Pixel festgelegt.

Wenn der Benutzer die Website in einen kleinen Bildschirm einfügt, wird die Seite standardmäßig verkleinert. Wie unten gezeigt:

Wie kann man ein solches Problem gut lösen? Wie kann die Website auf dem kleinen Bildschirm von Windows 8 sehr benutzerfreundlich dargestellt werden? Unten habe ich ein einfaches Beispiel

Wie in der Abbildung gezeigt, eine sehr einfache und traditionelle Seite, einschließlich horizontal angeordneter Navigation, Inhalt usw.

Das Gleiche gilt für herkömmlichen Code

Kopieren Sie den Code
Der Code lautet wie folgt: