Responsive Tablo Yapımı

Başlık biraz aldatıcı olabilir ama teknik olarak responsive tablo yapımı evet 🙂
Uzun bir tablonuzu tablet ya da telefon boyutlarında nasıl düzgün şekilde gösterebileceğinizden kısaca bahsettim.

Video

Demo

http://www.erbilen.net/demo/responsive-tablo/

Not: Telefon ve tabletlerde gerçek boyutta gözükmesi için aşağıdaki meta etiketini eklemeyi unutmayın!

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“Responsive Tablo Yapımı” üzerine 10 yorum

  1. Isime yarar bir paylasim olacakti fakat telefonda ise yaramiyor. En azindan S4 de oyle.

  2. @Onur, işe yaraması için elbette meta tagını koymayı unutmaman gerekiyor 🙂

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  3. Bence yararlı bir paylaşım olmuş yapmış olduğum admin panelinde boyutlar kayıyordu üye bilgilerini çekerken tablo ‘da teşekkürler…

  4. Tayfun abi denemedim ama senin siteye telefondan girip yakınlaştırmayı denediğimde yandaki iki sütundan beyazlık genişleyerek ekranı kapatıyor. Galiba sen konudaki gibi yaptın o yüzden bir uyarayım dedi. (Telefonun markası s4)

    Telefondan girdiğimde bir ss aldım abi buyur bak; http://i.hizliresim.com/n7k8vR.jpg

  5. @Abdullah İskifoglu, kardeşim henüz sitemin temasını mobil uyumlu hale getirmedim. İnşallah getirince bu gibi sorunlar ortadan kalkmış olacak 🙂

  6. css bilgine 😉 hayran kaldım, tagları ezbere biliyorsun sanırım %80 ini 😉 neyse takipteyim 🙂

  7. Merhaba @Tayfun ERBİLEN kardeşim. Derslerinin sıkı takipçilerinden biriyim. Çok akıcı ve basit anlatım tarzın var. PHP yi senden öğrendim diyebilirim. Teşekkürü bir borç bildim. Çok sağol kardeşim.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir