CSS media queries ayarları!
Merhabalar,
kafayı yemek üzereyim bir projeye girdim ama full responsive tasarım olsun istiyorum. Telefon tablet ve bilgisayar görünümü kaç px olmak zorunda ? kaça kaç ayarlamam lazım kodlarımı upload edip eke bırakıyorum kontrol edip. responsive için nereye ne eklemem gerekiyor söyler misiniz ?
- Arka plan resmi vermek için ayrı bir div açmana gerek yok body tagına css olarak yapabilirsin
background:url(ustbar.jpeg);kullanabilirsin width:100vw;açılımı view width ÖR: Ekranın yatay uzunluğunun yarısına eşitlemek istiyorsun50vwyazman yeterli- Aynı şekilde dikey içinde
vhview height Neredeyse elemanlarının hepsinde
position:absolute;kullanmışsın!Çok eksiğin var deniye deniye öğreniceksin
Kaynaklar
- css tricks
- codepen.io
- youtube: online tutorial