lostyazilim
tr.link

Tablo İçeriği Mobilde Nasıl Taşmadan Kaydırılabilir Yapılır?

3 Mesajlar 645 Okunma
lstbozum
tr.link

MuratDinc MuratDinc Miyavliyo - WiseKitten Kullanıcı
  • Üyelik 01.11.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Girişimci
  • Konum Balıkesir
  • Ad Soyad M** D**
  • Mesajlar 1583
  • Beğeniler 207 / 257
  • Ticaret 5, (%100)
Merhabalar,

CSS bilgim var ancak şu kullanım mantığını kavrayamadım. Aşağıdaki örnek bağlantıda tablo demosu 312px'den sonra daralmayı bırakıyor ancak sayfa dışına da taşmıyor, içerik alanında sağa/sola kayabilir bir hal alıyor.

Bir üst div class için overflow: auto;verilmiş ve bu sayede içeriğin içinde kalmış ancak min-width değeri olarak görünen 312px nasıl oluşuyor? Onu bir türlü anlayamadım. Başka bir değer girdiğimde hep taştı ve overflow: auto; kodunun bir manası kalmadı?

Örnek: https://demo.mythemeshop.com/wp-shortcode-pro/page/53/
 

 

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
wmaraci
reklam

Weismann21 Weismann21 WM Aracı Kullanıcı
  • Üyelik 29.11.2017
  • Yaş/Cinsiyet 27 / E
  • Meslek Cross Platform Developer
  • Konum İstanbul Anadolu
  • Ad Soyad E** B**
  • Mesajlar 168
  • Beğeniler 12 / 47
  • Ticaret 0, (%0)
312 px ekran boyutundan alıyor
 

 

MuratDinc MuratDinc Miyavliyo - WiseKitten Kullanıcı
  • Üyelik 01.11.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Girişimci
  • Konum Balıkesir
  • Ad Soyad M** D**
  • Mesajlar 1583
  • Beğeniler 207 / 257
  • Ticaret 5, (%100)

Weismann21 adlı üyeden alıntı

312 px ekran boyutundan alıyor


Yok hocam ekran boyutundan değil tablo içeriğindeki satır sütunlarının toplam en düşük genişlik değerine göre oluyormuş. Dış div için overflow-x: verildiğinde tablonun düşebileceği en düşük genişlik neyse ondan sonra kayar hale geliyor. Mesela 5 kutu için min-width: 55px; olduğunda 5x55=275px oluyor.
 

 

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al