Mavzu: htmlda moslashuvchanlik (responsive) veb dizayn Reja

target ÷ context = result

Flexible Grid

Ushbu formulaning ikkita ustun tartibida qanday ishlashini ko'rib chiqamiz. Quyida biz ikkala qismni ham, chetga surib qo'yadigan konteyner sinfiga ega bo'lgan ota-ona bo'linmasi mavjud. Maqsad - chap tomonda va o'ng tomonda, ikkala tomonning teng chegaralariga ega bo'limi. Odatda ushbu maket uchun belgilash va uslublar quyidagicha o'xshash bo'ladi.

Flexible grid formulasi yordamida biz barcha belgilangan uzunlik birliklarini olishimiz va ularni nisbiy birliklarga aylantirishimiz mumkin. Ushbu misolda biz foizlardan foydalanamiz, lekin em birliklari ham teng ishlaydi. E'tibor bering, ota-konteyner qanchalik keng bo'lmasin, chekka va chekka qismlar mutanosib ravishda kattalashadi.