@RobinB

Как подправить отображение сайта на телефоне?

Друзья, есть задача, сделать, что бы при открытии сайта с мобильных устройств он отображался с шириной 950px. и выглядел как на 1 скриншоте.
7bd84804842c4a4fa34c1065e3a096ba.jpg

использую: meta name="viewport" content="width=950" - но почему то не работает как видите.

У всего сайта есть враппер с шириной 100% пробовал задавать ему min-width:950px; не помогает.Пробовал задавать min-width каждому блоку.

но, если я открываю сайт с iphone4 используя браузер хром, то он выглядит, как представлено на втором скриншоте.
aef379866c784786a0b8d173c4209d81.jpg

А если открываю с iphone4 используя браузер safari то сайт выглядит, как представлено на третьем скриншоте.
b723efbb9dca44f3a4afb4a87859857f.jpg

ссылка на сайт: viktm12.srd.webhost1.ru/bsrand
Собственно вопрос, как сделать одинаково во всех браузерах на телефоне? и как задать ширину отображения с телефона 950px;
Спасибо всем кто откликнулся!
  • Вопрос задан
  • 2404 просмотра
Пригласить эксперта
Ответы на вопрос 3
NYMEZIDE
@NYMEZIDE
резюме - ivanfilatov.ru
initial-scale смотрите.

<meta name="viewport" content="width=device-width, initial-scale=1">
Ответ написан
Комментировать
SliceofHuman
@SliceofHuman
Студент, Web-Дизайнер, Разработчик
А на чём сделан сайт? На какой CMS?
Ответ написан
Комментировать
mr_dev1l
@mr_dev1l
Технический верстальщик
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
  .wrapper {
    width:950px;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
   .wrapper {
    width:950px;
  }
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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