Как сделать масштабирование у сайта фиксированой ширины?

Question

[Александр Владимирович]

Здравствуйте!
Есть страница фиксированной ширины, 940px. Размер шрифта 14px.
Как сделать так, чтобы на любом устройстве эта страница при открытии или повороте экрана автоматически масштабировалась до 100% ширины экрана устройства, и при этом, если ширина экрана 640px и менее, то размер шрифта становился 16px?

Answer 1

[Андрей Федоров]

Это медиа-запросы.
htmlbook.ru/css/value/media

Простой пример:

body {
  width: 940px;
}
@media all and (max-width:940px) {
body {
  width: 100%;
}
}

В данном случае, если ширина экрана более 940px, ширина body 940px, в противном случае - 100%.

Answer 2

[Sarkis Arutiunian]

через CSS, для растягивания на всю ширину:

width: 100%;

для шрифта при размере меньше указанного, можно использовать медиазапрос, так же в CSS:

@media only all and (max-width: 640px) {
 (селектор) {
	font-size: 16px;
 }

Answer 3

[TheBububo]

0) смотрим как люди делают
https://vimeo.com/33180097
habrahabr.ru/post/119127

1) добавляем мета-тег вьюпорт, чтобы браузер знал, что страница адаптивная

<meta name="viewport" content="width=device-width, initial-scale=1.0">

2) пишем медиа в css

@media  (max-width: 1000px) {
  .wrap { 
    width:100%;
  }
}
@media  (max-width: 640px) {
  body { 
    font-size:16px;
  }
}
и т.п.