Kandungan
Telefon bimbit, tablet, dan monitor komputer mempunyai penggunaan yang berbeza, pengguna, dan dimensi yang meninggalkan persoalan tentang saiz susun atur terbaik untuk tapak ditentukan oleh keperluan pengguna utama laman web tersebut. Jika tapak dimaksudkan untuk dilihat oleh pengguna standard pada paparan skrin lebar dengan resolusi 1680x1040 piksel, saiz laman web mesti dibuat untuk disesuaikan pada skrin pelayar utama. Jika tapak dimaksudkan untuk digunakan pada peranti mudah alih, ia harus dibuat untuk skrin yang lebih kecil.
Susun atur cecair statik VS
Pertimbangan pertama ialah sama ada tapak memerlukan dimensi yang ditakrifkan dalam piksel. Menggunakan peratusan, anda boleh membuat susun atur "bendalir", yang mengubah saiz kawasan secara dinamik, bergantung pada saiz tetingkap penyemak imbas. Apabila digunakan dalam kombinasi dengan teks, susun atur bendalir mungkin menjadi pilihan terbaik apabila membuat tapak untuk resolusi skrin standard serta penyemak imbas mudah alih. Susun atur cecair dicapai dengan menggunakan "width = 100%" dalam pengisytiharan kandungan CSS, bukannya "width = 960x", misalnya.
Menapis saiz skrin standard
Untuk membuat susun atur "tetap" atau cecair, lebar div, pembalut, atau jadual kandungan utama sepadan dengan tetingkap penyemak imbas pengguna, dengan mengambil kira bar skrol dan bar alat. Anda juga harus mempertimbangkan untuk melakukan majoriti. Lebih daripada 80% pelayar hari ini menggunakan resolusi skrin lebih daripada 1024x768 piksel. Itu bermakna anda boleh melakukannya untuk 1680x1024 piksel, tetapi ia adalah idea yang baik untuk membuat projek ke tengah-tengah. 960 atau 980 piksel lebar adalah dua langkah yang dipercayai untuk memaparkan kandungan dengan selesa dalam pelayar yang digunakan oleh sesiapa yang menggunakan resolusi 1024x768 atau lebih tinggi. Sistem ini juga sesuai dengan peranti mudah alih yang mampu memaparkan seluruh tapak. Sekiranya terlalu ketat, 1080 adalah lebar terbaik seterusnya. Ingat ketinggian pelayar biasa pada sebarang resolusi untuk memegang maklumat yang paling penting di atas "lipatan", atau titik, di mana menatal menjadi perlu.
Skrin Mudah Alih
Jika anda ingin laman web anda kelihatan baik pada pelbagai peranti mudah alih, anda perlu melakukannya secara khusus untuk peranti atau membuat gaya khas yang digunakan oleh penyemak imbas mudah alih untuk menunjukkan versi "mudah alih" di laman web anda. Resolusi 240x320 adalah standard semasa untuk kebanyakan telefon pintar dan peranti internet, seperti iPhone. Adalah idea yang baik untuk menggunakan peratusan "fleksibel" atau susun atur, kerana banyak peranti menyokong mod potret dan landskap. jika anda membuat laman web yang disetkan kepada 320 piksel, ia mungkin kelihatan terputus bagi pengguna dengan mengaksesnya dalam mod potret.
Grid emas
Mungkin sistem terbaik untuk menentukan dimensi susun atur adalah melalui penggunaan sistem grid. Grid mengira kawasan yang sangat seimbang dalam lebar yang diberikan untuk memberikan gambaran bagaimana untuk mengukur unsur-unsur dalam susun atur utama atau kawasan kandungan. Unsur-unsur ini termasuk kotak promosi, bar, ruang iklan atau perenggan. Contohnya, susun atur menggunakan lebar lebar 1080 piksel dan berpecah menggunakan grid emas akan meninggalkan ruang yang tinggal untuk jawatan blog pada lebar 739 piksel dan bar kanan pada lebar 780 piksel, kedua-duanya menggunakan margin daripada 10 piksel. Hasil akhirnya adalah susun atur sempurna dan seimbang. Anda boleh bereksperimen dengan beberapa grid yang berbeza dengan melawat sistem penjana grid (lihat Sumber).