Обычно используют:
<meta name="viewport" content="width=device-width, initial-scale=1">
А если нужно, чтобы минимальная ширина была 600px, то
<meta name="viewport" content="width=600, initial-scale=1">
Допустим страница у нас находится в
div с
id=page
Тогда в CSS составляют уже media-queries (медиа-запросы)
html, body {
width: 100%;
}
#page {
/* максимальная ширина страницы - 600px */
width: 600px;
}
@media all and (max-width: 600px) {
#page {
/* максимальная ширина страницы - 100% - для телефонов */
width: 100%;
}
}
И так далее по аналогии.
Ширину самого сайта лучше описывать в
div внутри тега
body
Так же загляните
сюда.
