Evrensel blokta oluşturulan sayfa bilgisayarda iyi görünüyorsa, ancak bu cihazların boyutları farklı olduğu için site bir mobil telefon veya tablet ekranında doğru görüntülenmeyecektir.
Önemli bilgiler
Evrensel blokta, tablet ve telefon için yatay ve dikey konumlarda uyarlamalar yapmanız gerekir.
- Bilgisayar için blok boyutu 1200 pikseldir.
- Yatay konumdaki tablet 960 pikseldir
- Dikey konumdaki tablet 640 pikseldir
- Yatay konumdaki telefon 480 pikseldir
- Dikey konumdaki telefon 320 pikseldir
Bunun için blokta, değiştirildiğinde otomatik olarak oluşturulan tüm site öğelerinin (metin, şekiller, düğmeler, videolar vb.) sığması gereken sayfanın boyutunu gösteren bir araç bulunur.
İlk olarak, büyük ekran (bilgisayar) sürümü için bir tasarım oluştururuz.
Bundan sonra, oluşturulan sayfayı önce yatay konumdaki tablet için, ardından diğerleri için uyarlamaya başlarız. Bunu yapmak için bloktaki araç çubuğunu kullanarak metinlerin ve öğelerin boyutlarını, blok sınırlarının dışına çıkmayacak şekilde ayarlarız; aksi takdirde site kullanıcılarının cihazlarında görünmezler.
İşte sayfanın her boyut için nasıl görünmesi gerektiğine dair bazı örnekler:
Yatay konumdaki tablet 960 piksel
Dikey konumdaki tablet 640 piksel
Yatay konumdaki telefon 480 piksel
Dikey konumdaki telefon 320 piksel
Web sitesi oluşturucudaki tüm temel bloklar, istenen ekran boyutuna otomatik olarak uyum sağlar. Temel bloklar hakkında aşağıdaki makalelerde bilgi edinin.