Background

[Feers1de]

Привет всем!

У меня имеется изображение(1600px x 1200px), которое я хочу сделать задним фоном. Теперь вопрос, как мне сделать так, чтобы изображение при разрешении экрана 1024 x 768 и 1280 x 1024 автоматически масштабировалось до нужных размеров? И до каких размеров мне уменьшать изображение в фотошопе при соблюдении пропорций?

Edited September 24, 2011 by Feers1de

[Vlad]

Можно background-size использовать для масштабирования, а лучше медиа-запросы.

[psywalker]

Привет всем!

У меня имеется изображение(1600px x 1200px), которое я хочу сделать задним фоном. Теперь вопрос, как мне сделать так, чтобы изображение при разрешении экрана 1024 x 768 и 1280 x 1024 автоматически масштабировалось до нужных размеров? И до каких размеров мне уменьшать изображение в фотошопе при соблюдении пропорций?

Ну, как кросс вариант, то я бы лучше воспользовался JS.

Вот, лови вариантик один, как-то раз делал) http://psywalker.ru/Forum/JS/Primitive/SetTimeOut/ImgPlavnoe/3.html

[Feers1de]

Привет всем!

У меня имеется изображение(1600px x 1200px), которое я хочу сделать задним фоном. Теперь вопрос, как мне сделать так, чтобы изображение при разрешении экрана 1024 x 768 и 1280 x 1024 автоматически масштабировалось до нужных размеров? И до каких размеров мне уменьшать изображение в фотошопе при соблюдении пропорций?

Ну, как кросс вариант, то я бы лучше воспользовался JS.

Вот, лови вариантик один, как-то раз делал) http://psywalker.ru/Forum/JS/Primitive/SetTimeOut/ImgPlavnoe/3.html

Я в ява скрипте вообще не шарю ><

[penchukov]

Привет всем!

У меня имеется изображение(1600px x 1200px), которое я хочу сделать задним фоном. Теперь вопрос, как мне сделать так, чтобы изображение при разрешении экрана 1024 x 768 и 1280 x 1024 автоматически масштабировалось до нужных размеров? И до каких размеров мне уменьшать изображение в фотошопе при соблюдении пропорций?

Ну, как кросс вариант, то я бы лучше воспользовался JS.

Вот, лови вариантик один, как-то раз делал) http://psywalker.ru/Forum/JS/Primitive/SetTimeOut/ImgPlavnoe/3.html

Отличный способ кстити советую... Там не трудно разобраться.

[aski]

Можно background-size использовать для масштабирования, а лучше медиа-запросы.

Согласен с таким решением, сам его применяю. От себя скажу, что в большинстве случаев лучше ставить у этого свойства 100% 100%, чем cover, т.к. при изменении размеров блока, картинка будет масштабироваться лучше.

[Nekromancer]

Лучше 100% auto

[aski]

Лучше 100% auto

А в чем отличие от 100% 100%? Auto же вроде действует также как и 100% или я что-то путаю?

[Myuzik]

Для ширины в частных случаях auto=100%. Для высоты auto - это зависимость высоты от наполнения. Если ничего не путаю конечно =)

[Nekromancer]

При указании одного параметра как - auto, размер для него вычисляется пропорционально относительно параметра установленного в - 100%.

Если следовать логике то по умолчанию свойство выглядит так:

background-size: auto auto;