İnternette araştırmalarıma göre;
@media only screen and (min-width: 768px) and (max-width: 1023px) {enbuyukdiv > .buyukdiv > .ic { width:100%;}}
@media only screen and (min-width: 480px) and (max-width: 767px) { enbuyukdiv > .buyukdiv > .ic { width:100%;}}
@media only screen and (max-width: 479px) {enbuyukdiv > .buyukdiv > .ic { width:100%;}}
media only screen ile yapılacak :) Üstte belirledim ama tam anlayamamışım olmuyor.
Resimlerle örnek göstereyim..
http://i.hizliresim.com/ZZaWqg.png
http://i.hizliresim.com/Npd3oQ.png
http://i.hizliresim.com/EgBb0v.png
http://i.hizliresim.com/oja25Q.png
Bu şekilde oluyor yan taraftaki giriş yap kutucukları mobildeki gibi yana kaymıyor..
Üstte ki attıgım kod " enbuyukdiv ıd'sindeki buyukdiv class'ının içindeki ic class'ının büyüklügü;
(min-width: 768px) and (max-width: 1023px)
(min-width: 480px) and (max-width: 767px)
(max-width: 479px)
piksellerinde %100 olacak
enbuyukdiv = head ve footer bölgesi arasında kutucuk
buyukdiv= sağ taraftaki giriş yap, arama yap bölümündeki 3lüyü kaplayan kutucuk
ic class'ı ise girisyap yazısı ve giriş yapılan divleri birbirine bağlayan borderların oldugu class. Sağ taraftaki hepsi için geçerli :)
Bunu mobilde nasıl alt tarafa geçicek şekilde ayarlayabilirim