Фонд 4 Медіа-запит - zurb-foundation

Я новачок у розробці CSS.

Я використовую Foundation 4 (Zurb) для розробки інтерфейсу мого коледжу. Я дізнався, що Foundation 4 спроможний реагувати на дизайн.

Чи існує потреба в запиті CSS Media з Foundation 4? Якщо так, то як я можу використати його, якою користю я зможу отримати від цього?

Відповіді:

1 для відповіді № 1

Ви повинні прочитати розділи "Медіа-запити" та "Сітка" документів: http://foundation.zurb.com/docs/

<div class="row">
<div id="block" class="small-2 large-8 columns">Content</div>
</div>

Цей код зробить "#block" шириною 2 стовпцівдля кожного розміру екрана завдяки класу "малий-2". Клас "великий 8" перевизначає цю поведінку на ширині вікна 768 пікселів і вище, завдяки чому воно становить 8 стовпців на великих екранах.

Для спрощення цього коду буде показано, що "#block" має дорівнювати 2 колонкам на екранах мобільних телефонів та 8 стовпчиків на екрані робочого стола.

Якщо вам потрібна підтримка IE6-8, вам також слід скористатися функцією Respond.js: https://github.com/scottjehl/Respond