Скрыть сайт
Показать сайт

Растягиваем изображение на всю страницу

Пример области использования:
Представим ленту,список компьютерных игр, с права изображение, а рядом описание игры. Кода нажимаете на миниатюру картинки переходите на страницу с полным описание программы, описание начинается со скриншота, а чуть ниже текст. Так вот скриншот можно по разному расположить, обычно делают его по центру и с фиксированными размерами например 640x480. Опытному глазу сразу бросается не заполненная область экрана по левому и правому краю скришота, а если у пользователя широкоформатный экран и разрешение 1680x1050. То картинка просто "тонет" в незаполненных областях. Конечно можно сделать чтобы изображение обтекало текстом, но это будет еще та каша малаша - не очень эстетично.

Согласитесь гораздо красивее, когда картинка расположена вовсю ширину поля. Чтобы это сделать достаточно задать в параметрах длина 100% а параметр высоту не задавать, тогда изображение будет автоматически растягиваться по ширине, а высота будет автоматически высчитываться пропорционально длине.
 
1642
1640
2
Пишем культурно и не нарушая законы РФ.
 

2016 год.