Mundarija:

Flexbox va griddan qanday foydalanasiz?
Flexbox va griddan qanday foydalanasiz?

Video: Flexbox va griddan qanday foydalanasiz?

Video: Flexbox va griddan qanday foydalanasiz?
Video: Flexbox vs. CSS Grid — Which is Better? 2024, Noyabr
Anonim

Biz internetda elementlarni qatorlar va ustunlar sifatida joylashtiramiz ishlatilgan tartib uchun jadvallar. Ikkalasi ham flexbox va grid ana shu kontseptsiyaga asoslanadi. Flexbox elementlarni bitta satrda yoki bitta ustunda joylashtirish uchun eng yaxshisidir. To‘r elementlarni bir nechta satr va ustunlarga joylashtirish uchun eng yaxshisidir.

Keyinchalik, siz Flexbox va gridni birgalikda ishlata olasizmi?

Ko'pincha Yo'q. To‘r nisbatan ancha yangi Flexbox va brauzerni biroz kamroq qo'llab-quvvatlaydi. Ular mumkin ish birga : a panjara element mumkin a bo'l flexbox idish. A moslashuvchan element mumkin a bo'l panjara idish.

Xuddi shunday, CSS tarmog'i Flexbox-dan yaxshiroqmi? CSS tarmoqlari 2D maketlar uchun. U satrlar va ustunlar bilan ishlaydi. Flexbox ishlaydi yaxshiroq faqat bitta o'lchamda (ikki qatorda YOKI ustunlar). Bu bo'ladi Ko'proq vaqtni tejash va ikkalasini bir vaqtning o'zida ishlatsangiz foydali.

Shunga ko'ra, Flexbox grid nima?

Flexbox bir o'lchovli sxemalar uchun qilingan va To‘r ikki o'lchovli sxemalar uchun yaratilgan. Bu shuni anglatadiki, agar siz narsalarni bir yo'nalishda joylashtirayotgan bo'lsangiz (masalan, sarlavha ichidagi uchta tugma), undan foydalanishingiz kerak. Flexbox : Bu sizga CSS-dan ko'ra ko'proq moslashuvchanlikni beradi To‘r.

Flexbox-dan qachon foydalanmaslik kerak?

Flexbox-dan qachon foydalanmaslik kerak

  1. Sahifa tartibi uchun flexbox-dan foydalanmang. Foizlar, maksimal kengliklar va media so'rovlaridan foydalanadigan asosiy tarmoq tizimi javob beruvchi sahifa tartiblarini yaratish uchun ancha xavfsizroq yondashuvdir.
  2. Display:flex qo'shmang; har bir konteynerga div.
  3. Agar sizda IE8 va IE9-dan ko'p trafik bo'lsa, flexbox-dan foydalanmang.

Tavsiya: