Почему полностью резиновый сайт неверно работает на мобильных устройствах?

программирование проблема html css верстка

Суть проблемы: есть полностью резиновый сайт, могущий сжиматься от 3000+ пикселей до 256 по ширине. Адаптивность, все дела. На ПК изменение масштаба вызывает необходимые изменения. Но когда, к примеру, открываешь этот сайт на любом мелком смартфоне, например, Samsung Galaxy или iphone, он отображается как на десктопе - нет даже попыток адаптивности (хотя у смартфона разрешение меньше и все теоретически должно работать)! Почему такое происходит и как правильно настроить адаптивность под мобильные устройства?.. Буду очень благодарен за советы и отсылки на статьи.

P.S. Все механизмы резиновости и адаптивности построены на чистом css и media-queries (учитывающими min-width). Ни строчки скриптов за это не отвечают.
Ответы:
Потому что браузеры на всяких мелких девайсинах намеренно обманывают сайт о реальных размерах своего экрана. У него 300, а он говорит 900, ну и т.п. Смотрите в html5/css3 соответствующий атрибут (модификатор) своих media запросов.
Потому-что media-queries не достаточно.


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

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

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.