Адаптивность и кроссбраузерность для сайта landing-order.ru
Сегодня мы продолжаем изучать создание landing-page и в данной статье я рассмотрю ключевые моменты по адаптивности и кроссбраузерности для сайта landing-order.ru.
Делать полностью адаптивный дизайн, чтобы он красиво отображался на мобильных устройствах нет необходимости, т.к. на конверсию это не влияет, а затраты будут довольно большие.
Потому, главное сделать, чтобы сайт хорошо отображался на ширине до 1024 пкс.
Применительно к нашему примеру, нужно в файл functions.js добавить код, который бы не создавал белого поля возле меню после изменения ширины экрана:
1 2 |
$(window).on("resize", function() { $("#menu").css("width", $(window).width() + "px"); |
Кроссбраузерность
Проверять имеет смысл только в самых популярных браузерах:
- Google Chrome
- Firefox
- Opera
- Microsoft Explorer
Далее открываем наш сайт в перечисленных браузерах и тестируем все элементы сайта. Также тестируем на разной ширине экрана.
В следующий раз мы переходим к программированию клиентской части и займемся созданием базы данных (БД) — не пропустите!
P.S. Понравилась статья? Пожалуста, понажимайте на кнопочки социальных сетей, которые расположены ниже, тем самым Вы расскажаете про эту статью Вашим друзьям!
Похожие статьи:
- Подключение анимации и верстка страницы благодарности для сайта landing-order.ru
- Верстка всплывающих изображений (fancybox) и создание быстрых ссылок для сайта landing-order.ru
- Верстка формы заказа для сайта landing-order.ru
- Верстка блока Гарантия и Подвал сайта landing-order.ru
- Верстка блока Галерея сайта landing-order.ru

Обращение от автора этого блога,
Исаенко Дмитрия.
Уважаемый читатель блога VashInternetGid.ru!
Позвольте у Вас кое-что спросить:
У Вас Есть Хобби? А Вы Бы Хотели Узнать, Как Можно Зарабатывать На Вашем Хобби?
Ответы на эти и другие вопросы есть в моей книге «Как из хобби сделать Бизнес», которую получит АБСОЛЮТНО БЕСПЛАТНО каждый подписчик моего блога!
Введите свои данные и я сразу же пришлю Вам копию этой книги:
|
|
Оставить комментарий или два