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 ?
Selam, öncelikle tablet + telefon ekranları için "@media screen and (max-width992px){}" kullanabilirsin. Ama ilk düzenlemerini yaparken CSS'te kullandığın "!important" gibn ibelirtmeler var ise media sorgularını ezer ve çalışmaz.Gerekmedikçe "important" kullanmanı önermem.
https://gist.github.com/Mikodes/be9b9ce42e46c3d4ccb6 bu linkten sorguların detaylarını ve hangi ekranlara özel öğrenebilirsin.
pure css örn.
@media screen and max-width(992px){
body{
width:200px
}
}
body{
width:900px
}