SefaCanDemir adlı üyeden alıntı
Pixel olarak verilen genişlik değerlerini ekranın yüzdesi olarak vermelisiniz.Örneğin;
1920px genişliğe sahip bir tasarımda 1000px e 920px 2 divi yan yana koymak yerine.
52%, 48% şeklinde yüzde ile boyutlandırmalısınız. Böylece açılan ekranın genişliğini alıp yüzde 52 sini birinci dive yüzde 48 ini ikinci dive genişlik olarak veriyor. Media etiketiyle ekranın genişliğini kontrol edip belirli bir genişlikten aşağıdaysa örn: 992px altındaysa ekran genişliği iki div yan yana kötü görüneceği için ikisinin de genişliğini 100% olarak değiştirip alt alta görünmesini sağlayabilirsiniz.
Örnek:
@media (max-width:992px){
.birincidiv,.ikincidiv{width:100%;}
}
Hocam teşekkürler merak ettiğim bir konu daha var.Ben temayı media etiketleriyle responsive hale getirdim yani tüm cihazlarda bir görüntüye sahip.Ancak yazı tiplerinde böyle değil.%125 yakınlaştırıyorum yazı aynı kalıyor.Halbuki yazı da aynı oranda büyüyüp küçülse media etiketi bile kullanmama gerek kalmayacak.
Yazıya % olarak değer versem bile aynı kalıyor neden böyle oluyor hocam.Divlerde olduğu gibi büyüyüp küçülmesi mümkün değil mi?