Масштабирование фонового изображения с сохранением соотношения сторон
Если Вы хотите, чтобы лучший терминал использовал с cygwin, чем окно Windows Command Line, Вы могли бы запустить xterm из cygwin или взгляда на использование puttycyg, который является исправленной версией окон ssh клиентская шпаклевка, разработанная для работы с локальной cygwin установкой (в дополнение к нормальной ssh функциональности). puttycyg должен предоставить Вам намного лучшее управление Вашего терминала, чем окно Windows Command Line.
2 ответа
В CSS3 вы бы использовали свойство background-size.
background-size: contain; Масштабируйте изображение, сохраняя его внутреннее соотношение сторон (если оно есть), до максимального размера, чтобы его ширина и высота могли поместиться в области позиционирования фона.
Contain всегда вмещает все изображение в вашем окне просмотра, оставляя непрозрачные границы либо сверху вниз, либо слева направо, когда соотношение фонового изображения и окна браузера не совпадает.
background-size: cover; Масштабируйте изображение, сохраняя его внутреннее соотношение сторон (если оно есть), до наименьшего размера, чтобы его ширина и высота могли полностью покрывать область позиционирования фона.
Cover всегда заполняет окно браузера, отсекая при этом некоторые волосы или уши, что я лично и предпочитаю в большинстве случаев. Вы можете управлять выравниванием изображения в окне просмотра, используя свойство background-position.
Вы не можете надежно изменять размер фоновых изображений во всех браузерах / версиях и т. Д.
Эффект, который вы видите на сайте thesixtyone.com, достигается растягиванием обычного встроенного изображения до 100% его контейнера, который является разделителем. Другие элементы затем перемещаются поверх этого «фонового» деления.
Таким образом, ответ заключается не в том, чтобы использовать фоновое изображение, а в том, чтобы изображение заполнило экран в заполнителе, а затем поместите другие элементы поверх него.