Apakah Reka Bentuk Web Responsif

• April 28, 2024

Terdapat tiga ciri utama reka bentuk web responsif, iaitu susun atur cecair, imej resizable dan pertanyaan media. Pertanyaan media tidak benar-benar baru untuk reka bentuk web. Bermula sebagai jenis media dalam CSS2.1, kami boleh merekabentuk stylesheet untuk kedua-dua web dan mencetak, agak menginsuranskan bahawa laman web akan kelihatan sama pada skrin dan apabila dicetak. Ini berkembang menjadi pertanyaan media dalam CSS3. Semak pertanyaan untuk lebar peranti media (max-device-width) dan mengujinya dengan nilai set seperti 480px atau 768px. Sebagai tindak balas kepada pertanyaan ini, kami menggunakan gaya CSS untuk mengubah susun atur bendalir dan mengubah saiz imej untuk skrin.

Anda boleh menguji dengan mudah jika tapak web mempunyai reka bentuk responsif. Mulailah dengan penyemak imbas pada lebar penuh skrin komputer anda. Kemudian seret hujung kanan penyemak imbas ke kiri untuk mengurangkan lebar tetingkap penyemak imbas. Anda harus melihat imej menjadi lebih kecil dan susun atur akan mengambil div terapung yang bersebelahan dan menyusunnya secara menegak. Sebagai contoh, jika kami mempunyai enam imej (enam div) setiap baris pada halaman galeri pada skrin penuh, apabila kami mengurangkan lebar skrin, bilangan imej berturut-turut semakin berkurangan dan disusun secara berperingkat, seperti yang diperlukan. Sebaik sahaja lebar dikurangkan kepada jumlah tertentu, imej itu sendiri akan mula mengubah saiz yang lebih kecil. Jika anda melihat dengan teliti, anda juga akan melihat bahawa elemen reka bentuk tertentu, seperti pautan navigasi, dapat dikurangkan menjadi ikon atau bahkan hilang. Ini juga dikawal oleh CSS stylesheet.

Apabila mereka bentuk laman web, pertimbangkan bukan sahaja bagaimana elemen reka bentuk laman web akan melihat lebar skrin penuh tetapi bagaimana mereka akan kelihatan apabila disusun. Pertimbangkan elemen reka bentuk apa yang boleh dikeluarkan dari skrin pada lebar skrin yang lebih kecil tanpa mengurangkan fungsi laman web. Memandangkan ciri-ciri dan teknologi untuk reka bentuk responsif berubah dengan cepat, menjaga semua peningkatan boleh memakan masa. Sekiranya anda lebih suka meluangkan masa merancang bukannya pengekodan, lihat beberapa tema responsif yang indah yang tersedia untuk Wordpress. Jika anda adalah syarikat reka bentuk kecil, anda mungkin ingin mempertimbangkan bermula dari salah satu susun atur tema responsif ini semasa merancang laman web.

Arahan Video: Servis Web Korporat Responsif (April 2024).