Опубликовано: 5 апреля 2016
Мобильная версия не корректно отображается в некоторых браузерах
Заметил что в "Опера мини" мобильная версия выглядит так
а в Mozilla значков вообще не видно и в корзине нет значка удаления товара
в Chrome все работает корректно
Подскажите что поправить?
Комментарии (2)
1) Принцип работы браузера Opera Mini базируется на сокращении трафика путем "рендеринга" страницы на серверах Opera Mini и отдачи конечному пользователю уже готовой страницы в виде аналогичному документам pdf. При этом часть обычного функционала теряется. Возможно так же существуют проблемы с загрузкой и отображением сторонних нестандартных шрифтов. Исправить это можно посредством использования обычных изображений, что ведет к потере гибкости управления этими элементами. Мы постараемся что либо предпринять по этому поводу и улучшить взаимодействие с этим браузером в ближайших обновлениях. Самостоятельно внести нужные правки вы скорее всего не сможете, поскольку нужно практически изменить большую часть верстки управляющих элементов.
2) Укажите пожалуйста операционную систему и версию браузера Mozilla, на наших тестовых устройствах мы не наблюдаем указанной ошибки и теоретически причин возникновения ее быть не может.
В моем браузере такую же точно ошибку вы тоже не нашли ) может уже есть смысл закачку иконок сделать другим способом?
http://wm-site.ru/profitbuy/609/ikonki-smenilis-na...
Например:
1. Lenovo A328 Android 4.4.2 на встроенном браузере
2. Huawei H30-U10 Android 4.2.2 встроенный Mozilla 5.0, Opera mini
3. Xiaomi (версию не помню) - на встроенном браузере
Посмотрели столько мобильников сколько смогли найти, работает все на отлично за исключением древних.
По Вашим замечаниям:
Как формируются иконки:
1. используем рекомендованную w3c директиву @font-face (https://www.w3.org/TR/css-fonts-3/#font-face-rule)
* w3c - это https://ru.wikipedia.org/wiki/Консорциум_Всемирной_паутины
2. Сами иконки - это символы шрифта, шрифта Google (Google является одним из участников w3c - https://www.w3.org/Consortium/Member/List)
https://design.google.com/icons/
3. Шрифт загружается с помощью внедренного css файла (который размещается так же на серверах Google)
http://fonts.googleapis.com/icon?family=Material+I...
Проверить его можно здесь: http://jigsaw.w3.org/css-validator/
Где это будет работать:
1. в браузерах которые поддерживают современные стандарты
2. в устройствах в которых не запрещено загружать подобные ресурсы
Где не будет работать:
На устройствах где не выполнено одно из перечисленных выше условий.
Тема оформления "Выгодная Покупка"
1. правильность кода Вы можете проверить по ссылкам на этой странице http://profitbuy.wm-site.ru/page/seo-optimizatsiya...
2. разработана она по современным требованиям и стандартам
Будем ли мы в дальнейшем обрезать функционал и уменьшать производительность в пользу устаревших браузеров (браузеров не поддерживающих современные стандарты) - нет
Устаревшие браузеры
- имеют очень низкий % пользователей
- низкий уровень безопасности
- медленные и с низкой производительностью
- не поддерживают (частично поддерживают) современные технологии
- И самое важное, урезание функциональности и гибкости, а так же разработка доп. хаков для РАЗНЫХ БРАУЗЕРОВ (для каждого свои хаки) скажется на размере темы, скорости её загрузки.
будем ли мы искать решения для устройств которые запрещают загружать какие либо из стандартных ресурсов (причем из официальных источников) - нет, это невозможно