Jika halaman yang dibuat dalam blok universal kelihatan baik pada komputer, tetapi tapak tidak akan dipaparkan dengan betul pada skrin telefon bimbit atau tablet kerana saiz peranti ini berbeza.
Maklumat penting
Dalam blok universal, anda perlu menyediakan penyesuaian untuk tablet dan telefon dalam kedudukan melintang dan menegak.
- Untuk komputer, saiz blok ialah 1200px.
- Tablet dalam kedudukan melintang ialah 960px
- Tablet dalam kedudukan menegak ialah 640px
- Telefon dalam kedudukan melintang ialah 480px
- Telefon dalam kedudukan menegak ialah 320px
Terdapat alat dalam blok untuk ini, yang apabila ditukar, secara automatik menunjukkan saiz halaman di mana semua elemen tapak yang dicipta harus muat: teks, bentuk, butang, video, dll.
Pada mulanya, kami mencipta reka bentuk untuk versi besar skrin (komputer)
Selepas itu, kami mula menyesuaikan halaman yang dicipta, pertama untuk tablet dalam kedudukan melintang, dan seterusnya. Untuk melakukan ini, kami menggunakan bar alat dalam blok, melaraskan saiz teks dan elemen supaya ia tidak melebihi blok, jika tidak, ia tidak akan kelihatan pada peranti pengguna tapak.
Berikut adalah beberapa contoh bagaimana halaman harus kelihatan untuk setiap saiz.:
Tablet dalam kedudukan melintang 960px
Tablet dalam kedudukan menegak 640px
Telefon dalam kedudukan melintang 480px
Telefon dalam kedudukan menegak 320px
Semua blok asas dalam pembina tapak web secara automatik menyesuaikan diri dengan saiz skrin yang dikehendaki. Baca tentang blok asas dalam artikel berikut.