Merekabentuk untuk Web dan Tablet - Reka Bentuk Responsif

• Mungkin 16, 2024

Istilah Responsif telah berada di barisan hadapan untuk sementara tetapi apa sebenarnya maksudnya? Internet telah banyak berubah sejak bertahun-tahun, dari kebanyakan platform berasaskan teks ke persekitaran interaktif, menarik, berbilang media dan berbilang peranti.

Halaman web telah berubah sejak sedekad yang lalu untuk mencerminkan peningkatan Internet dan peranti yang kami gunakan untuk melihatnya. Bercakap tentang peranti, kami mempunyai beberapa jenis untuk dipilih, termasuk komputer, komputer mini, tablet dan telefon pintar. Oleh kerana bilangan peranti dan variasi mereka meningkat, masalah menjadi jelas. Setiap peranti dan setiap variasi peranti mempunyai saiz skrinnya sendiri.

Apabila kita hanya perlu merancang laman web untuk komputer desktop dan komputer riba, pertimbangan utama kami adalah bagaimana untuk memastikan bahawa laman web dipaparkan sama tidak kira komputer atau penyemak imbas web. Jawapannya adalah untuk mereka bentuk untuk pelayar web teratas dan resolusi skrin yang paling biasa. Itu bekerja untuk masa yang singkat. Satu lagi masalah menjadi jelas kerana parameter ini terus berubah. Saiz skrin untuk komputer pertama saya adalah 800 x 600 dan saya juga menyukainya. Kemudian 1024 x 800 menjadi norma. Sekarang komputer telah berkembang menjadi 27 inci dan lebih besar. Oleh itu resolusi sasaran untuk laman web terus berubah.

Hanya apabila kita mula merancang untuk skrin yang lebih besar ini, populariti telefon pintar dan tablet meningkat dengan banyak, dengan aplikasi sejuk mereka tetapi skrin yang lebih kecil. Malah, ia diramalkan bahawa telefon pintar dan jadual akan digunakan lebih kerap kemudian komputer untuk melihat web dalam beberapa tahun sahaja. Pada mulanya terdapat hanya beberapa peranti mudah alih. Jadi kami mula merancang kedua-dua laman web utama untuk pengguna komputer dan tapak kedua untuk pengguna mudah alih. Tetapi ini tidak menyelesaikan masalah sepenuhnya, kerana kita masih merancang untuk susun atur tetap lebar.

Sekarang, anda tidak boleh menganggap peranti apa yang akan digunakan penonton untuk melihat tapak web anda. Oleh itu mereka bentuk untuk saiz skrin tetap tertentu tidak lagi menjadi jawapan yang terbaik untuk masalah ini. Apa yang kita perlukan adalah cara untuk menentukan saiz skrin peranti pengguna dan memaparkan laman web dengan sewajarnya. Oleh itu, reka bentuk web responsif, yang menggunakan CSS untuk menentukan lebar skrin dan memaparkan halaman web yang berbeza seperti yang diperlukan. Ini membolehkan kita hanya mempunyai satu laman web yang akan berubah menjadi beberapa versi yang diperlukan.

Arahan Video: Perbandingan realme Buds Air vs Samsung Galaxy Buds (Mungkin 2024).