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

Масштабирование содержимого сайта при изменении разрешения

Conocube
На сайте с 16.10.2012
Offline
49
Conocube
1360

Добрый день, о, лучшие умы планеты!

Есть задача, при изменении разрешения экрана, контент уменьшать пропорционально (все внутри страницы, оставлять на местах, только уменьшать). Нагуглил про тему viewport 

@media screen and (max-width: 1376px) {

@-ms-viewport { width: 1920px; }

}

Но это работает только в опере и эксплорер. Пожалуйста, подскажите, как можно добиться кроссбраузерного эффекта как у viewport?

Иными словами нужно при изменении размеров окна браузера, пропорционально уменьшать элементы. Как будто все единая картинка, и картинка пропорционально уменьшается.

создание сайтов, фото/видео услуги, веб дизайн (http://создание-уникальных-сайтов.рф)
ExVood
На сайте с 02.07.2013
Offline
39
ExVood
#1

Меняй размер каждому элементу, пример:

@media screen and (max-width: 800px) {

.header {
width: 100%;
margin-bottom: 10px;
}

.side, .nav {
width:49.3%;
float: left;
}
.side {
margin-right: 1.35%;
}
}

@media screen and (max-width: 480px) {

.header, .side, .nav {
width: 100%;
}

.header, .side {
margin-bottom: 25px;
}
}

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