v2.5.2
Giriş yap

Responsive Tasarım

ismailkaya
912 defa görüntülendi

Sadece html ve css ile hem mobil hem de bütün çözünürlüklere uyarlı site nasıl yapılıyor halen anlamıyorum
Hele bir de bootstrap ile yapıyorlar onu hiç anlamıyorum .
Ben html ve css ile güzel bir şey yapıyorum ama işin bir de mobil tarafı var
Ben,hazır web sitemi nasıl responsive hale getirebilirim?

lemonade
1378 gün önce

Bootstrap (http://getbootstrap.com) kendi içerisinde tanımlanan classları ile gayet başarılı boyutlandırma sağlıyor
Bootstrap mantığı aslında çok basit col(column)md(screen resolutions)8(parting) ile çalışıyor
bir div açtığınızda onu kek dilimler gibi dilimliyor max 12 dilim.
diyorsunuz ki küçük cihazda 4 e böl büyükte 3 e çok büyükte 2 ye mesela

  • // Extra küçük ekran / telefon
  • xs: 0,
  • // Küçük ekran / telefon
  • sm: 576px,
  • // Orta büyüklükte ekran / tablet-pc
  • md: 768px,
  • // Büyük ekran / pc
  • lg: 992px,
  • // Extra büyük ekran / pc-tv
  • xl: 1200px
    Aslında medya etiketleri ile uğraşmamak ve olası çakışmaları önlemek için yapılmış web alanında neredeyse herkesin kullandığı bir şey
    Mantığı için birçok video var inceleyip kullanabilirsiniz.