Мобильный оптимизированный веб-сайт с различными уровнями масштабирования в разных браузерах

Question

Заранее спасибо ...

Я построил сайт, который является отзывчивым и имеет мобильную версию.

Проблема, с которой я столкнулся, - это мой iPhone Nexus 4, iPhone и большинство других Android-устройств, которые я пробовал, он отлично выглядит ... но на Samsung Galaxy S2 он масштабируется прямо и макет бардак.

Я получил видовых мета-тег, я попытался следующие, но безрезультатно:

<meta name="viewport" content="user-scalable=no" /> 
<meta name="viewport" content="user-scalable=no, initial-scale=1" /> 
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1" /> 
<meta name="viewport" content="user-scalable=no, width=480, initial-scale=1" /> 

Все плохое на Samsung! Может ли кто-нибудь увидеть проблему и помочь ей свести меня с ума! Этот сайт является dsimcockandson.com, если вы хотите увидеть источник.

Благодаря

Answer 1

Начиная линии 1083 в вашем CSS у вас есть:

.hide { 
    display: ; 
    text-align: center; 
} 

ли отсутствующее значение для свойства отображения преднамеренной?