Şimdi ben kullanıcının ekran boyutunu tahmin edemeyeceğimden dolayı onun hangi çözünürlüğü kullandığını nereden bileceğim ve özellikle hangi boyutlar için @media query yazacağım, bir laptopun ekran boyutları nedir ve bir notebook'un ve bir tabletin ve bir mobil cihazların, bir Iphone'nın.Siz hangi boyutlar için yazıyorsunuz ? Her ekranda aynı görüntüyü nasıl sağlıyorsunuz ? Bi sürü ekran boyutu var hepsi için yazıyor musunuz ?
Çok merak ettim, çokta hevesliyim
Arkadaşım Reponsive hakkında biraz bilgi vereyim sana. Bildiğin gibi farklı ekran boyutlarına göre boyutlandırma anlamına gelir. Aslında bu konu için bir çok farklı faktör vardır. Bunlardan birisi siteyi komple %100'e göre ayarlarsan zaten her ekrana göre reponsive etmiş olursun otomatik olarak
Bunun yanı sıra mevcut ekran boyutları bulunmaktadır.
Samsung Galaxy S3 & İphone 4S Bu telefonların ekran boyutları eni 300px'dir. Sen zaten kodlamada 300px eni olan ekranlarda sitemi böyle göster diye kodlarsın. Yada bunun gibi bir çok faktör bulunmaktadır. Her ekrana göre tek tek kodlarsın. Tabiki büyük sitelerde böyle yapmak gerekir.
Yalnız belli başlı 5-6 boyut farkı vardır. Telefonlar için genellikle 300-400Px ve altı telefonlarda bunu kullan dersin.
İpad gibi aletler içinse yanılmıyorsam 600 700px gibi bir en kullanılmaktadır.
1024px ekranlar için,
1360lar için vs..
Umarım az uz bir bilgi verebilmişimdir. Bu esasında reponsive edilecek sisteme göre değişiklik gösterir
Klasik bir blog teması ise siteyi %100'e uyarlar geçersin ve tüm sistemlerde oturur geçer. Sadece telefonlar için farklı bir kodlama yazarsın. Büyük siteler içinse her alete göre farklı bir css kodlarsın. Umarım anlatabilmişimdir.
İyi forumlar..