CSS свойства max-width и min-width. В чём разница ? Реальные примеры.
Адаптивный дизайн: ваш сайт идеален на любом устройстве!
Проектируем веб, который дышит и масштабируется: от пикселей до брейкпоинтов, делая ваш сайт интуитивным и высокопроизводительным на любом девайсе. Улица цифровых запросов ошибок не прощает! В современном мире фронтенд-разработки, где число девайсов для веб-серфинга множится экспоненциально – от смарт-часов до широкоформатных мониторов – концепция адаптивного дизайна перестала быть просто модной «фичей». Сегодня это фундаментальный принцип, краеугольный камень любого успешного веб-проекта. Если ваш...
Загадка, которая сломала меня примерно на полдня. Есть некий блок со стилями, в котором в зависимости от ширины экрана меняются параметры: @media (max-width: 679px) { // тут стили } @media (min-width: 680px) and (max-width: 1204px) { // тут тоже стили } Вроде бы, ничего такого, чего бы не делал много раз. И буквально вчера обнаружил аномальное поведение: - на 678px ширины экрана стили нормально отображаются - на 679px всё пропадает (как будто медиа-запроса и не было) - на 680px — все по плану, ничего не было, расходимся И вот честно, такое поведение видел впервые. А поскольку если я знаю, что знаю мало, я добьюсь того, чтобы знать больше, пошёл рыть интернет и спрашивать по знакомым. Ничего. Пробовал всё - от перестановки слагаемых до изменения запросов и игрой с мета-тегом viewport. Рецепт оказался проще, за наводку спасибо gleckler: @media (max-width: 679.99999999999999px) Работает. Если у кого будут подобные проблемы, то вы знаете, что делать 😎