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

Question

[RobinB]

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


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

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

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


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


ссылка на сайт: viktm12.srd.webhost1.ru/bsrand
Собственно вопрос, как сделать одинаково во всех браузерах на телефоне? и как задать ширину отображения с телефона 950px;
Спасибо всем кто откликнулся!

Answer 1

[Иван Филатов]

initial-scale смотрите.

<meta name="viewport" content="width=device-width, initial-scale=1">

Answer 2

[Артемий Сейфулин]

А на чём сделан сайт? На какой CMS?

Answer 3

[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;
  }
}