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

Доброго всем времени суток. Встал вопрос при разработке сайта сайта с адаптивным дизайном. Можно ли как-нибудь задать минимальную ширину сайта в пикселях в теге meta name="viewport". Например не уменьшать ее меньше 600px, если ширина экрана менее указанного размера, а применять масштабирование. Если же ширина экрана более 600px то отображать сайт по ширине устройства. Заранее спасибо за ответ.
  • Вопрос задан
  • 15539 просмотров
Решения вопроса 1
skv1991
@skv1991
веб-программист, спортсмен
Обычно используют:
<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

Так же загляните сюда.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
tlito
@tlito
drupal, c++, seo
надо для главного блока например wrapper задать min-width
.wrapper {min-widt: 600px;}
или вставить таблицу нулевой высоты и шириной 600 в качестве распорки в топ сразу после боди открытия
<body>
<table height=0 width=600 border=0><tr><td></td></tr></table>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы