[Перевод] Создание адаптивных изображений

Я узнал две вещи, которые меня потрясли:
При использовании SVG вы можете отказаться от атрибута viewBox и установить новую систему координат на вложенных элементах SVG путем применения нового viewBox. (Да, я знаю. Это звучит странно. Ниже я объясню все более подробно).
Когда вы используете медиазапросы внутри SVG-файлов, а затем вставляете изображение через тег img или в качестве фонового изображения CSS, медиазапросы привязаны к ширине изображения. Практически такое же поведение, как и при использовании контейнерных запросов.
Читать дальше →
Источник:
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Похожие публикации
[Перевод] 11 вещей которые я узнал, читая спецификацию flexbox
Я всегда считал, что с flexbox довольно легко работать — глоток свежего воздуха после стольких лет float'ов и clearfix'ов. Правда недавно я обнаружил что борюсь с ним; что-то растягивалось,... читать далее
Одна компания – один сайт?
Часто сталкиваюсь с ситуацией, когда фирмы имеют два и более сайтов. По разным причинам. У одних кроме нового имеется «рудиментарный» интернет-ресурс, к которому никто не помнит логинов-паролей, у... читать далее
[Из песочницы] Поле загрузки файлов, которое мы заслужили
Все течет, все меняется, но только input[type=file] как портил нервы всем начинающим веб-разработчикам, так и продолжает это делать до сих пор. Вспомните себя N лет назад, когда вы только начинали... читать далее
Web-разработка / Странное ограничение IE на количество внешних CSS
Разрабатывая проект наткнулся на странный глюк в IE. Некоторые стили просто не применялись к странице. Т.к. проект большой и стилей много, на этапе разработки CSS был разбит на много файлов для... читать далее
Как мы сразились с “Многорукими Бандитами” Яндекса и победили
Что такое эти самые “бандиты”, можно прочитать в публикации Яндекса на конференции в Италии Gathering Additional Feedback on Search Results by Multi-Armed Bandits with Respect to Production Ranking... читать далее
[Перевод] Как вы можете использовать отзывчивые веб-компоненты сегодня
Пару лет назад я впервые услышал про веб-компоненты (Web Components). Сперва меня это действительно заинтересовало, но как только шумиха вокруг них приутихла, они тут же вылетели у меня из головы.... читать далее
Прокомментировать
Облако тегов
angular css CSS es6 frontend habrahabr.ru HTML html html5 JavaScript javascript js react ReactJS seo SEO на Хабрахабре vue Блог компании RUVDS.com Веб-дизайн Интернет-маркетинг Поисковая оптимизация Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре автомобильный сайт блог браузеры верстка вёрстка дайджест интернет-магазин информационный ресурс корпоративный сайт модуль мы рекомендуем портфолио разработка ссылки фронтенд
Реклама на сайте