Пустая область на экране смартфона

[alex182]

В качестве упражнений для себя по адаптивной вёрстке, сверстал 2 страницы по psd .(вторую правда немного доделать осталось, но не в этом дело)

1) http://alex182.16mb.com/

2) http://alex182.890m.com/

 

 

При тестировании в различных разрешениях в браузере всё ok. Но когда я посмотрел на своём Samsung в опера мини (экран 320 на 480) -ОС Android, то на 1 странице появляется пустая область ,то есть открывается с горизонтальной прокруткой и если отдалять зум то получается вот так :

 

 

А со 2 страницей всё нормально, занимает полностью всю ширину экрана без горизонтальной прокрутки.

 

Пытался добавить условия <meta name="MobileOptimized" content="320"/> <meta name="HandheldFriendly" content="true"/> как написано здесь http://frontender.com.ua/mobile-web/wtf-viewport/, но не помогло.

 

Подскажите пожалуйста, как это исправить ?

Edited July 28, 2015 by alex182

[alex182]

всё отбой ) там в очищаем блоке лишний width убрал , который за рамки разрешения экрана и выходил )