Как сделать мобильную версию сайта правильно?

Question

[Алексей Карпань]

svaya-detal.ru

Проблемы такие:
1) Разные страницы открываются в мобильном браузере по разному. К примеру страница svaya-detal.ru/evroshtaketnik открывается нормально, а вот страница svaya-detal.ru/tovary-i-uslugi-sh открывается увеличенной, не правильно. Тестируемый браузер - Safari, Iphone 5.
2) Через мобильный браузер невозможно масштабирование, тоже не понятно почему.

Помогите пожалуйста решить, очень нужно.

Answer 1

[IvanKalinin]

1. Масшатибрование невозможно потому что оно у вас отключено тут

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

2. Для мобильной версии сайта еще нужно будет дописать стили, используя media query

Comments

[Алексей Карпань]

если вот так прописать, всё равно не масштабируется.
А как сделать чтобы сайт выглядел на смартфоне точно также как на компьютере? без всяких media и прочего? Также как на компьютере + масштабирование, если нужно.

[Артур]

initial-scale удалите

[Алексей Карпань]

Артур: удалял, только что попробовал, не работает.

[IvanKalinin]

В смысле совсем удалить meta viewport

[Алексей Карпань]

не влияет ни на что, проверил

Answer 2

[Григорий]

Вам нужно всего лишь проставить мета-тег такой, заместо существующего:
<meta name="viewport" content="width=960">
где 960 - ширина сайта

Comments

[Алексей Карпань]

Абсолютно не влияет ни на что. Проверил.

Answer 3

[Александр Алексеев]

Comments

[Алексей Карпань]

не видно сообщения

Answer 4

[Алексей Карпань]

Вопрос так и остался открыт , масштабирование не работает