Высота div равная ширине на CSS

Подписаться 15 тыс.

Просмотров 6 тыс.

50% 1

В этом уроке мы научимся верстать блок у которого высота будет равна его ширине и соответственно, если мы изменим размеры окна браузера, то данный блок также будет адаптироваться и менять свои размеры, оставляя при этом свое соотношение сторон.
Полную статью читайте на моем блоге: webcareer.ru/vysota-ravnaya-sh...

Опубликовано:

15 мар 2016

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 12

@user-sc3mq2yi2z Год назад

Спасибо, очень помог! Очень кстати!

@lazylemur7761 8 лет назад

Спасибо большое Александр, очень полезная вещь

@user-us5uf9tt8i 4 года назад

ну почему?! почему ТЫ забросил канал?! а не какой нибудь вебдевелоперблог... вернись:-)

@user-mn2ll5wo5d 7 лет назад

Спасибо за урок. Жаль видео перестали выходить (

@arturbratchenko2856 8 лет назад

Спасибо!

@odinokun 8 лет назад

А как быть если у меня высота задана в процентах и будет меняться высота блока-родителя?

@vishnyo 8 лет назад

Спс

@sergeycherkasov9248 8 лет назад

На самом деле использование картинок в качестве фона не приветствуется, так как тег имг является основным из инструментов для сео оптимизации

@alexanderpaukov 8 лет назад

+Дима Литвиненко я с вами согласен на 100%. Главная идея видео заключалась в создании адаптивного блока, а применять его можно уже для разных целей, не только для задания фона в виде картинки.

@artuwkarqyuga5037 8 лет назад

+Дима Литвиненко Смотря чем он является, если это картинка, типа слайдер, то img в дргой ситуации если тебе не надо использовать картинку и не взаимодействовать с ней, то через bg-image ставим вставлять тег img и делать через js ширина и высота равная 100% (body) элементу не целесообразно

@IhorK-ly4ty 8 лет назад

а как картинку можно потом будет запрограммить программисту?

@alexanderpaukov 8 лет назад

+Каламурда Игорь если картинку задавать как бэкграунд, то только через атрибут style для элемента с классом content. На некоторых небезизвестных интернет магах это активно применяется, когда выводится каталог товаров плиткой. Но тут не нужно перебарщивать и пытаться добавлять style для всего подряд, потому что не для кого не секрет, что применять style это плохая практика. Данный подход разумно применять только в каких-то исключительных случаях.