Мазмуну:

Кантип суюк тордун макетін түзөсүз?
Кантип суюк тордун макетін түзөсүз?

Video: Кантип суюк тордун макетін түзөсүз?

Video: Кантип суюк тордун макетін түзөсүз?
Video: "92 жаштагы АПАСЫ менен 52 жаштагы ӨЗ баласы жатканын КӨРДҮМ / Күйөм ЗӨӨКҮР болчу" дейт 32деги келин 2024, Март
Anonim

Суюк тордун макетін түзүңүз

  1. Файл > тандаңыз Fluid Grid (мурас).
  2. Мамычалардын саны үчүн демейки маани тор медиа түрүнүн борборунда көрсөтүлөт.
  3. Экрандын өлчөмүнө салыштырганда барактын туурасын коюу үчүн, маанини пайыз менен коюңуз.
  4. Кошумча лотоктун туурасын өзгөртө аласыз.

Андан тышкары, суюк тордун макети деген эмне?

Суюктук торчолору каралып жаткан мамычаларды колдонуу менен курулат суюктук мамычалар. Экрандын өлчөмү өзгөртүлгөндө, бул тилкелердин тууралары анын негизги контейнерине пропорционалдуу түрдө туураланат. Бизде 12 суюктук биздин колонналар тор . Келгиле, мамычалар биздин колоннада кантип тизилгенин карап көрөлү макет.

Ошо сыяктуу эле, барактын элементинин өлчөмүнө жараша тор мамычаларын пропорцияда жайгаштыруу үчүн эмне колдонулат? The тор система түзүүгө жардам берет бет элементтери негизделген ырааттуу боюнча мамычалар жана саптар. Биз муну колдонобуз тилке - негизделген текстти, сүрөттөрдү жана функцияларды дизайн боюнча ырааттуу жайгаштыруу үчүн структура. ар элемент Биз дароо көрүп, башка жерде көбөйө турган орду бар.

Ошо сыяктуу эле, CSSдеги суюктуктун макети деген эмне?

А суюктуктун жайгашуусу веб-баракчанын бир түрү болуп саналат дизайн кайсысында макет терезе өлчөмү өзгөргөн сайын барактын өлчөмү өзгөрөт. Бул белгиленген пикселдик тууралыктын ордуна пайыздарды колдонуу менен барактын аймактарын аныктоо аркылуу ишке ашат. The CSS туруктуу түзүү үчүн колдонулат макет vs a суюктуктун жайгашуусу төмөндө көрсөтүлгөн.

Суюк макет деген эмне?

Liquid Layout Alternate түзүүдө колдонулат Макеттер , мында бир файл ар кандай өлчөмдөгү жана багыттуу ар бир барактын бир нече версиясын камтыйт. Бул өзгөчөлүк алгач планшет түзмөктөрүнө жарыялоо үчүн талап кылынган өндүрүш убактысын кыскартуу үчүн иштелип чыккан.

Сунушталууда: