Понедельник 29.04.2024 15:40 Приветствую Вас Гость

«Главная» «Регистрация» «Поиск» «Вход» «RSS» «PDA»

[ Новые сообщения · Участники · Правила форума · Поиск по форуму · Поиск по сайту ]Форум аццкого кодера

Фильтр по:

Возможно ли автоматическое масштабирование всей страницы?

Если вы пришли за помощью, то Вам сюда...

Страница 1 из 1 1
Модератор форума: Admin, Cибиря4ка, Komoff, Diana

Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Возможно ли автоматическое масштабирование всей страницы? (Делаю небольшой сайт состоящий из 9 картинок)

Муравейник

2013-10-06Дата: Воскресенье, 06.10.2013, 16:56 | Сообщение # 1

Рядовой

Группа: Проверенные

Сообщений: 2

Награды: 0

Репутация: 0

Статус: Offline

Всем привет, я мега чайник, которого заставляет группа еще более деревянных в этом вопросе людей сделать небольшой сайт.

Вооружившись программой медиатор делаю страницу состоящую из 9 картинок, которую заточил под разрешение экрана 1366x768.

Но не нравится то, что на меньших экранах появляется горизонтальная прокрутка, а на больших пустые поля по бокам.
"Резиновый" сайт не хочу - потому что не хочу, чтобы на больших экранах между фотографиями увеличивалась пустота.
Начал гуглить и наткнулся на статью с этого сайта http://likbezz.ru/publ....-1-0-80 где во втором примере показана автоматически увеличивающаяся картинка http://likbezz.ru/_content/_ext/img-bg/v01-table-fix-rate.html И возник вопрос: А можно ли сделать подобным образом со всей моей страницей??
В идеале - чтобы она до 480x320 уменьшалась и до 1920x1080 растягивалась. - возможно?

Заранее благодарен.

Сообщение отредактировал Муравейник - Воскресенье, 06.10.2013, 17:15

likbezz

2013-10-06Дата: Воскресенье, 06.10.2013, 17:13 | Сообщение # 2

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

Муравейник,

Цитата (Муравейник, Вс, 06.10.2013, 16:56:56)

где во втором примере показана автоматически увеличивающаяся картинка

- здесь главное слово «картинка».. потому что она имеет пропорции - отношение ширины к высоте.
Страница не имеет такого свойства как картинка - высота страницы никак не зависит от ширины.

Но можно эмитировать поведение используя свойства Media Queries или прописывая размеры в относительных единицах.

Относительные единицы корректно работают только с шириной.

Свойство Media Queries наглядно продемонстрировано на странице: http://likbezz.ru/_content/_ext/img-bg/v01-media-screen-test.html
..