Верстка: можно ли ресайзить сайт (не путать с адаптивностью)?

Question

4elentano @4elentano

HTML
CSS

Верстка: можно ли ресайзить сайт (не путать с адаптивностью)?

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

Как будто бы мы просто изменяли размеры изображения, а не сайта. Насколько это реализуемо?

Вопрос задан более трёх лет назад
2766 просмотров

Комментировать

Подписаться 4 Оценить Комментировать

Answer 1 · 2014-04-09 11:41:16

@media screen and (min-width:100px) and (max-width:2000px) {
body .wrapper {
width : 90%;
max-width: 980px;
margin : 0 auto;
font-size: 14px;
}

h1 { font-size: 100%; }
h2 { font-size: 95%; }
h3 { font-size: 85%; }
}

@media screen and (min-width:100px) and (max-width:768px) {
body .wrapper {
width : 100%;
margin : 0 auto;
font-size: 16px;
}

h1 { font-size: 110%; }
h2 { font-size: 100%; }
h3 { font-size: 90%; }
}

Или JS-ом определяешь размеры окна браузера и подставляешь вычисленные значения нужным блокам.

Верстка: можно ли ресайзить сайт (не путать с адаптивностью)?

Войдите на сайт