Сегодня мы продолжаем изучать создание landing-page и в данной статье я рассмотрю ключевые моменты по адаптивности и кроссбраузерности для сайта landing-order.ru.

Адаптивность и кроссбраузерность для сайта landing-order.ru

Делать полностью адаптивный дизайн, чтобы он красиво отображался на мобильных устройствах нет необходимости, т.к. на конверсию это не влияет, а затраты будут довольно большие.

Потому, главное сделать, чтобы сайт хорошо отображался на ширине до 1024 пкс.

Применительно к нашему примеру, нужно в файл functions.js добавить код, который бы не создавал белого поля возле меню после изменения ширины экрана:

Кроссбраузерность

Проверять имеет смысл только в самых популярных браузерах:

  1. Google Chrome
  2. Firefox
  3. Opera
  4. Microsoft Explorer

Далее открываем наш сайт в перечисленных браузерах и тестируем все элементы сайта. Также тестируем на разной ширине экрана.

В следующий раз мы переходим к программированию клиентской части и займемся созданием базы данных (БД) — не пропустите!