Yazeka
Arama sonuçlarına göre oluşturuldu
Responsive tasarım yaparken dikkat edilmesi gerekenler:
- Site bölümleri sabit genişlikte veya çok geniş olmamalıdır 24.
- Mutlak genişlik yerine göreceli genişlik değeri kullanılmalıdır 24.
- Farklı ekran boyutları için farklı stil tanımlaması yapılmalıdır 24.
- Genişlik sınırı vermek için CSS min- ve max- ön ekleri kullanılmalıdır 24.
Responsive tasarım yapmak için aşağıdaki adımlar izlenebilir:
- Viewport kullanımı: HTML meta viewport özelliği, web sayfasının mobil cihazda nasıl görüntüleneceğini belirler 123.
- Grid sistemi ve medya sorguları: Grid sistemi, sayfanın düzenini kontrol ederken medya sorguları, ekranın boyutuna ve özelliklerine göre farklı CSS stil kümelerini uygular 12.
- Resimlerin boyutlandırılması: Resimlerin ekran boyutundan büyük olmaması ve vektörel çalışılması önerilir 14.
Responsive tasarım için kullanılabilecek framework'ler:
5 kaynaktan alınan bilgiyle göre: