Arkadaşlar şimdi bir tablomuz var. Bu tablomuzun tüm ekranlarda otomatik responsive olması için gerekli css kodlarını yazıp, tablonun class ına gerekli tagı yazıp çağırıyorum sorun yok. Aynı tabloyu başka bir üründe ek resim sütunu açarak kullanıyorum. Yine class belirtiyorum tabloya ama taşma oluyor. Aşağıdaki resimlere bakınca ne demek istediğimi anlayacaksınız. Neden böyle oluyor ?
Kullandığım css kodları
/*ekranın hangi boyutlarında devreye gireceğini belirliyoruz*/
@media
only screen and (max-width: 100%),
(min-device-width: 100%) and (max-device-width: 100%) {
table, thead, tbody, th, td, tr {
display: block;
}
}
Resimli tablonun normal ekrandaki hali:
Resimli tablonun mobildeki sorunlu hali. Görüyorsunuz sağa doğru taşma yapıyor. Resimlerin azıcık ucu görünüyor.
Responsive olayını sorunsuz yaptığım, resim kullanmadan ürünler için kullandığım tablom. Gördüğünüz gibi mobilde sorunsuz çalışıyor.Pc ekranında da aynı böyle görünüyor.:
