Здравствуйте. Никак не могу разобраться,как настроить зону видимости сайта для мобильных телефонов. На данный момент при загрузке сайта на мобильном,отображается верхний угол страницы, а дальше разве что масштабировать вручную. В коде прописана такая команда:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
Необходимо же,чтобы показывало зону шириной в 750 рх. Пробовала медиазапрос такого вида:
@media screen and (max-width: 640px){
@-ms-viewport { width: 750px; }
@-o-viewport { width: 750px; }
@viewport { width: 750px; }
}
Но никакого эффекта это не дало. Что делается не так?