Масштаб, размер страницы на моб. устройств..

[EaGames]

Опять нужна ваша помощь добрые и опытные верстальщики!
Уже чуть ли не неделю мучаюсь и никак не получается сделать так что-бы сайт открывался на мобильных устройств в полном масштабе, размере. То есть к примеру сайт в ширину 1000px, открывается не на всё ширину а на ширину самого устройства, 320px, 480px, 760px и.т.д..... 
С тегом meta viewport поигрался уже раз сто... ничего не меняется что я ставлю device-width, что задаю width=1000, что width=1000px, в общем ничего не понимаю, как я этот тег только не менял никаких изменении от его использования не происходили... сайт как открывался в левом верхнем углю так и открывается.... Пытался body задать min-width тоже ничего, в общем я в тупике...

Подскажите что я делаю не так...

пример

Edited March 24, 2014 by EaGames

[maxakagaret]

Могу посоветовать вам механизм 12-колоночной верстки с использованием Bootstrap. Кроме того <meta name="viewport" content="width=device-width, initial-scale=1.0"> все-таки стоит оставить. Могу предположить, что не дает уменьшаться класс container в <div class="C"><div class="container">. Но скорее всего не только он.

Edited March 24, 2014 by maxakagaret

[godivan]

Я использую HTMLScale http://www.cms-sd.ru/stati/javascript_i_jquery/htmlscale_mashtabirovanie_stranici_pod_shirinu_ekrana

[maxakagaret]

Я использую HTMLScale http://www.cms-sd.ru/stati/javascript_i_jquery/htmlscale_mashtabirovanie_stranici_pod_shirinu_ekrana

спорное решение, ибо некорректно работающее. На смартфоне, планшетнике и любом девайсе с дисплеем < 938px (почему такой размер у врапа - непонятно) сайт-пример отображается некорректно.

To EAGames. Нашел ошибку в вашей верстке. Вы для многих эдементов задаете явную ширину. Для адаптивной верстки это недопустимо. Пользуйтесь свойствами max-width, min-height и иже с ними

[godivan]

спорное решение, ибо некорректно работающее. На смартфоне, планшетнике и любом девайсе с дисплеем < 938px (почему такой размер у врапа - непонятно) сайт-пример отображается некорректно.

 

Можно вопрос на какой планшете пробовали? (Просто на всех смартфонах, которые у меня есть все нормально) Нужно для внесения изменений или исправления ошибок.

Edited March 26, 2014 by godivan

[EaGames]

Всем спасибо, проблема решена...Все дело в том что меня ввели в заблуждения все эти сервисы по тестированию сайта, мол имитация мобильных устройств, вот именно что имитация, проблемы то и вовсе не было, все показывалась нормально. Однако смотря через все эти сервисы сайт выглядел коряво.
Всем огромное спасибо за помощь.

Вывод - всегда проверять с реальных устройств!
Вывод2 - не используйте meta viewport если вы не уверены на все 100% что вы делаете!

[maxakagaret]

 

спорное решение, ибо некорректно работающее. На смартфоне, планшетнике и любом девайсе с дисплеем < 938px (почему такой размер у врапа - непонятно) сайт-пример отображается некорректно.

 

Можно вопрос на какой планшете пробовали? (Просто на всех смартфонах, которые у меня есть все нормально) Нужно для внесения изменений или исправления ошибок.

 

Конечно. Планшет IPAD второй, смартфон самсунг (какой - не знаю, пользовался чужим) и, наконец, сочетание коавиш Shift+Ctrl+M в Firefox

[maxakagaret]

Вывод - всегда проверять с реальных устройств! Вывод2 - не используйте meta viewport если вы не уверены на все 100% что вы делаете!

По-моему это крайне логично. =)