Какво е адаптивно оформление

И така, какво се разбира под думата "отзивчиви"? Отзивчиви оформление - това оформление, което автоматично се настройва към (адаптират) по решение на устройството, което в момента са разгледали страницата на потребителя. Например, ако се вгледате в страницата на големия екран или телевизора, след това ще имате един сайт картографиране, и ако разглеждате една и съща страница в, например, мобилно устройство, а след това ще има съвсем различна позиция от тази страница.

В допълнение към горното, клиентите все по-често искат да направите, е адаптивно оформление. Ето защо, за да го знаят и да могат да налагат този метод е необходим за всеки модерен уеб разработчик.

Първо трябва да разберете какво се включва в понятието "адаптивно оформление"? И в това понятие включва:

• гъвкави шрифтове
• Гъвкаво оформление на базата на мрежа
• гъвкав изображение
• медийни заявки

Гъвкавите шрифтове - шрифтове, които не са строго определени в пиксела (пиксели), и ги. стойността на който може да варира.

Нека разгледаме един прост пример

тяло шрифта: 16px;
>

Това, което тук е посочено? Не просто напишете за таг размер на тялото 16px. защото това е размера на шрифта, който се приема по подразбиране в браузъра. Сега ние трябва да се, на базата на тази стойност, уточни размера на шрифта, за да 24px за заглавието на h1. Как да го направя? Това е много проста! За това е формула

мишена / контекст = резултат

Не забравяйте, тази формула, тя все още е полезно за нас.

Ние трябва да се 24px размер на шрифта. нали? - това ще бъде нашата цел.

Зададохме на шрифта по подразбиране - 16px - този контекст.

Ние вярваме, че: 24/16 = 1,5

Т.е. размер h1 е 1.5em.

Така че, с това навън.

Да вървим напред и да се говори за гъвкава мрежа.

Гъвкава образ - един много важен и всъщност не е трудна тема.

Гъвкава изображение - снимка, която не са статични във всеки блок, както и промяна размера им в зависимост от разделителната способност на екрана на потребителя, както и ширината на колона. Много е лесно за изпълнение, но има много капани, свързани с браузъра Internet Explorer. но ние ще говорим за тях.

И последните - медийни заявки.

медийни заявки - това са условията, които или са изпълнени или не изпълнява.

Тези и по-сложни условия се извършват по медийни заявки, и това също е много интересна тема, която ще бъде много подробно оповестяване в съответната статия.

Така че, днес обсъждахме какво адаптивно оформление. какво е включено в тази концепция, а дори се научили как да се направи гъвкави шрифтове.

Благодаря ви за вниманието и не пропускайте следващата статия!