Адаптивна верстка сайту
відправити лист:
Пристрої та дозволи для адаптивної верстки
Адаптивна верстка сайту – дозволи для моніторів та ноутбуків
Цей клас пристроїв відрізняється традиційно альбомною (ландшафтною) орієнтацією екрану, що дозволяє задавати в адаптивному дизайні лише ширину екрану для кожної роздільної здатності.
Адаптивний дизайн – дозволи для планшетів
Більшість планшетів здатні повертати зображення при зміні орієнтації екрану з книжкової на альбомну і навпаки, тому для кожної стандартної роздільної здатності знадобиться два різні дизайни: з більшої сторони і меншої як горизонталь.
Мал. Конфігурація елементів при однаковій ширині, але різній висоті екрана (HTC Desire 300 - 480x800, iPhone 3 - 480x320):
Ви бачите, що, незважаючи на однакову ширину екранних дозволів цих пристроїв у різних орієнтаціях, вони фактично мають різний розмір: вертикальний HTC значно вже горизонтальний iPhone. Це обумовлено тим, що на 1 дюймі екрана iPhone 3 вміщує 165 пікселів, а екран HTC Desire 300 набагато якісніший (217 пікселів/дюйм), що призводить до цієї різниці. Цей приклад наочно показує, чому для багатьох ширин екрану робиться по два (і іноді по 3) різні адаптивні дизайни.
У рамках розробки адаптивних сайтів ми робимо весь комплекс робіт: дизайн, верстку, все необхідне програмування. Читайте докладніше матеріали на тему:
Адаптивний дизайн сайту (чим підхід до дизайну адаптивного сайту відрізняється від звичайного дизайну)
Адаптивна верстка сайту (які бувають типи адаптивної верстки, живі приклади)