Форум Сайтостроение Веб-строительство

Верстка. Изменение размеров фона

psics
На сайте с 02.04.2009
Offline
130
psics
457

Как изменить размер фона, при изменении размеров окна браузера? по высоте

http://jsfiddle.net/zmtxuvk9/

Aisamiery
На сайте с 12.04.2015
Offline
319
Aisamiery
#1

Просто тут оставлю http://htmlbook.ru/css/background-size

Разработка проектов на Symfony, Laravel, 1C-Bitrix, UMI.CMS, OctoberCMS
psics
На сайте с 02.04.2009
Offline
130
psics
#2
Aisamiery:
Просто тут оставлю http://htmlbook.ru/css/background-size

Наверное не правильно высказался...

Смотрите цели:

- Сайт должен как по высоте так и по ширине занимать 100% экрана.

- Футер всегда должен быть прижат к низу

- фон при различных ширинах и высотах (карта) не должен создавать прокрутку. Вот с ширинами получается, а с высотой нет. Получается я могу изменить размер окна браузера при этом ширина меняется и под нее подстраивается фон. А по высоте такого не происходит...

p.s. данное свойство я использовал .wrapper

Спрашиваем и отвечаем по Фон не размножается при Размер блоков на сайте
web-developer
На сайте с 24.11.2014
Offline
15
web-developer
#3

background: url(http://img.prntscr.com/img?url=http://i.imgur.com/JCK9Uhb.png) fixed no-repeat;

background-size: 100% 100%;

http://jsfiddle.net/zmtxuvk9/6/

psics
На сайте с 02.04.2009
Offline
130
psics
#4
web-developer:
background: url(http://img.prntscr.com/img?url=http://i.imgur.com/JCK9Uhb.png) fixed no-repeat;
background-size: 100% 100%;
http://jsfiddle.net/zmtxuvk9/6/

вы пробовали скопировать на html файл ваш код? по ширине обрезается

web-developer
На сайте с 24.11.2014
Offline
15
web-developer
#5

psics
На сайте с 02.04.2009
Offline
130
psics
#6

скопируйте мой вариант и ваш в файл увидите разницу

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий