20 мая 2019 в 8:52
Тема "Savita". Тема адаптированная и ноуте по мере сужения окна браузера, она подстраивается великолепно, но на смартфоне она не адаптируется ВООБЩЕ! Мелкие не читаемые буковки, блоки которые даже не думают перестроится и т.д.
Пробовал смотреть на двух смартах - результат на обоих тот же.
Другие же адаптивные сайты работают нормально.
Прошу мне подсказать в какую сторону копать.
З.Ы. При редактировании макс-, мин- ширины получается жесть. По-ходу у меня разрешения экрана смартфона больше, чем у ноутбука...
Но другие же темы работают нормально? В чём же затык?
Комментарии
У меня у смартфона разрешение 1080х1920, но ширина на сайтах 360px
Начните с viewport читайте например https://developer.mozilla.org/ru/docs/Mozilla/Mobile/Viewport_meta_tag
Спасибо за инфу. А viewport остальные браузеры поддерживают?
Да https://www.w3.org/TR/css-device-adapt-1/#viewport-meta
1) "Тема "Savita"" - откуда?
Если с Фореста, она там вообще работает?
http://preview.themeforest.net/item/savia-responsive-multipurpose-drupal...
2) "ноуте по мере сужения окна браузера, она подстраивается великолепно, но на смартфоне она не адаптируется"
если на телефоне не то, что в десктопном браузере значит или модули (mobile detect, browscap...) или фигня какая-то в теме программно задана.
3) если минимально знаете css и drupal - ведение сайта с функционалом аналогичным темам с монстра и фореста выйдет быстрее/дешевле. Надеюсь не будете писать "сайт на 90% сделан, там надо по мелочи доработать".
С Фореста, но давно и не я приобретал (поддержка истекла два или три года назад).
Не используются модули. В CSS темы прописано (responsive.css). Сравнивал с аналогичным файлом бесплатной темы - они практически не отличаются. Медиа-запросы к тем же min-width и max-width (
@media only screen and (max-width: 767px)и т.д.).Но бесплатная на смартфоне нормально работает, а платная нет. Мистика.
З.Ы. Пробовал min-width и max-width увеличивать - работает, но тогда на экране ноутбука тема тоже как на смартфоне выглядит. Это неправильное решение.