[Перевод] Медиавыражения в CSS — это не только max-width

Недавно мы опубликовали новый веб-сайт нашей компании Mabiloft с полностью переработанным чистым дизайном и множеством новых великолепных иллюстраций и анимаций.
После того, как наш дизайнер проделал потрясающую работу, продумав и нарисовав сайт, нам, разработчикам, было необходимо реализовать макет, сохранив его чистым и цельным для каждого устройства, от большого 2K экрана, на которых мы пишем код, до старого iPhone 4 с его 3.5-дюймовым дисплеем.
Несколько недель спустя веб-сайт был почти готов и я просматривал его, чтобы убедиться, что всё работает как нужно. Заметив, что макет главной страницы неправильно отображался на нашем iPad, я быстро изменил некоторые CSS-правила и исправил ошибку, но… это привело к проблемам отображения макета на всех всех ноутбуках с небольшим экраном
Читать дальше →
Источник:
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Похожие публикации
Эксплуатация идей – или как один макет кормит несколько проектов
Суть идеи, собственно как и всегда просто до безобразия – берем удачный макет и переделываем его под нужды заказчика. Меняем цветовую гамму в соответствии с фирменным стилем, навешиваем рюшечки и... читать далее
Дизайн-макет сайта для студии ландшафтного дизайна
Дизайн сайта создает первое впечатление о компании у потенциальных клиентов, которые могут заинтересоваться вашим продуктом / услугами, а могут и просто пройти мимо. Умело выполненный дизайн сайта... читать далее
Дизайн-макет интернет-магазина
Макет шаблона для интернет-магазина. В комплекте исходник в PSD (элементы по отдельным слоям). Так же, есть возможность заказать в нашей студии верстку шаблона для DataLife Engine из любого PSD... читать далее
[Из песочницы] [Select-Form]: Пишем свой select-список, используя jQuery и CSS
Здравствуйте, хабраюзеры и просто читающие. Сравнительно недавно задался вопросом, как применить стили к тегу select. Всем же хочется, чтобы стилизация формы соответствовала дизайну сайта, а пока что... читать далее
Пишем правильный манифест для сайта
Думаю, многие знают о возможности добавления иконки сайта на рабочий стол мобильного устройства. Это удобно и причины могут быть разные (нету мобильного приложения предоставляющего туже информацию,... читать далее
[Перевод] Советы по CSS, которые вы вряд ли найдете в самоучителях
Существуют определенные правила CSS, которые можно найти в любом учебнике. Но есть также правила CSS, которые вы не найдете в пособиях, но столкнетесь с ними, как только начнете писать код. Я уверен,... читать далее
Прокомментировать
Облако тегов
angular CSS css es6 frontend habrahabr.ru html HTML html5 javascript JavaScript js layout react seo SEO на Хабрахабре vue Блог компании RUVDS.com Веб-дизайн Интернет-маркетинг Поисковая оптимизация Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре автомобильный сайт блог браузеры верстка вёрстка дайджест интернет-магазин информационный ресурс корпоративный сайт модуль мы рекомендуем портфолио разработка ссылки фронтенд
Реклама на сайте