Cara menggunakan HTML5 untuk melaksanakan melekat tapak web dalam kemahiran tutorial windows8_html5

Mula-mula, mari kita lihat pada lekatan Windows 8. Aplikasi Metro dalam Windows 8 boleh membahagikan skrin dengan baik seperti yang ditunjukkan di bawah

Membolehkan pengguna bertukar dengan sangat mudah semasa digunakan. Sistem ini juga mempunyai peraturan tegar mengenai lekatan. Terdapat dua skrin paling banyak, satu besar dan satu kecil. Dan lebar skrin kecil ditetapkan pada 320 piksel.

Jadi apabila pengguna menampal tapak web ke dalam skrin kecil, halaman tersebut akan dikecilkan secara lalai. Seperti yang ditunjukkan di bawah:

Jadi bagaimana untuk menyelesaikan masalah sedemikian dengan baik? Bagaimana untuk menjadikan paparan laman web sangat mesra pada skrin kecil Windows 8? Di bawah saya ada contoh mudah

Seperti yang ditunjukkan dalam rajah, halaman yang sangat ringkas dan tradisional, termasuk navigasi tersusun mendatar, kandungan, dsb.

Hal yang sama berlaku untuk kod tradisional

Salin kod

Kod adalah seperti berikut: