Опубликовано: 5 апреля 2016

Мобильная версия не корректно отображается в некоторых браузерах

Заметил что в "Опера мини" мобильная версия выглядит так

а в Mozilla значков вообще не видно и в корзине нет значка удаления товара

в Chrome все работает корректно

Подскажите что поправить?

Комментарии (2)

  • Александр Тирон 7 апреля 2016 15:53 #

    1) Принцип работы браузера Opera Mini базируется на сокращении трафика путем "рендеринга" страницы на серверах Opera Mini и отдачи конечному пользователю уже готовой страницы в виде аналогичному документам pdf. При этом часть обычного функционала теряется. Возможно так же существуют проблемы с загрузкой и отображением сторонних нестандартных шрифтов. Исправить это можно посредством использования обычных изображений, что ведет к потере гибкости управления этими элементами. Мы постараемся что либо предпринять по этому поводу и улучшить взаимодействие с этим браузером в ближайших обновлениях. Самостоятельно внести нужные правки вы скорее всего не сможете, поскольку нужно практически изменить большую часть верстки управляющих элементов.

    2) Укажите пожалуйста операционную систему и версию браузера Mozilla, на наших тестовых устройствах мы не наблюдаем указанной ошибки и теоретически причин возникновения ее быть не может.

    1
  • Игорь Колмаков 20 апреля 2016 13:03 #

    Посмотрели столько мобильников сколько смогли найти, работает все на отлично за исключением древних.

    По Вашим замечаниям:

    Как формируются иконки:

    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. разработана она по современным требованиям и стандартам

    Будем ли мы в дальнейшем обрезать функционал и уменьшать производительность в пользу устаревших браузеров (браузеров не поддерживающих современные стандарты) - нет

    Устаревшие браузеры

    - имеют очень низкий % пользователей

    - низкий уровень безопасности

    - медленные и с низкой производительностью

    - не поддерживают (частично поддерживают) современные технологии

    - И самое важное, урезание функциональности и гибкости, а так же разработка доп. хаков для РАЗНЫХ БРАУЗЕРОВ (для каждого свои хаки) скажется на размере темы, скорости её загрузки.

    будем ли мы искать решения для устройств которые запрещают загружать какие либо из стандартных ресурсов (причем из официальных источников) - нет, это невозможно




    1

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите

Контакты

Дорогие друзья!

К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

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

Internet Explorer

от Microsoft

Chrome

от Google

Safari

от Apple

Opera

от Opera Software

Firefox

от Mozilla

Вверх