Какво е риспонсив (адаптивен) дизайн?

Адаптивният уеб дизайн (responsive web design, RWD) е подход към уеб дизайна, който прави уеб страницата да изглежда добре на различни устройства и размери на дисплея.

Сайт с адаптивен (риспонсив) дизайн се адаптира към ширината на диспея на устройството, от което се гледа, като използва широки, пропорционално-базирани мрежи, променливи изображения и CSS3 (разширение на @media правилото) по следните начини:

  • ширината на страницата се определя в % съотношение, вместо в пиксели
  • изображенията се преоразмеряват, за да не “изскачат” от контейнера
  • използват се различни CSS правила в зависимост от характеристиките на устройството (ширината на браузера)

 

Адаптивния уеб дизайн е много важна част, предвид засиления мобилен трафик (повече от половината интернет трафик!). Още през 2015 Google информира, че ще засили позициите на сайтове, които са с адаптивен дизайн (т.нар. mobile friendly). Днес е практически задължително сайтът ви да е с такъв дизайн, за да се разглежда удобно от всяко устройство – смартфон, таблет, лаптоп, десктоп компютър и телевизор.

Всички наши сайтове са с включен адаптивен дизайн.

This entry was posted in . Bookmark the permalink.

Comment on this FAQ

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните ви за коментари.

Имате въпроси?
 
Чат
 
Имате въпроси?
+