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

    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

    Так же загляните сюда.
    Ответ написан
    Комментировать