0 / 0 / 0
Регистрация: 31.05.2018
Сообщений: 104
1

На android телефона некорректно отображается сайт

02.09.2018, 09:40. Показов 1683. Ответов 7

Здравствуйте, есть сайт https://sklad-kolgot.ru/, все прекрасно работает, но при просмотре на телефона с OS Android, товары некорректно отображаются, это можно увидеть если зайти с андройда, либо открыть код (F12), и включить отображение с устройств, но они там будут выглядеть как надо, только после обновления страницы во время когда такой режим включен (товары начинают вести себя не правильно)
Вот так отображаются на телефонах с OS IOS:
На android телефона некорректно отображается сайт

А вот так с OS Andoid:
На android телефона некорректно отображается сайт

Куда копать и в чем может быть проблема?
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
02.09.2018, 09:40
Ответы с готовыми решениями:

Некорректно отображается сайт
День добрый! Сразу прикреплю скриншоты чтобы было понятно, что я имею ввиду: Firefox + IE Хром...

В IE 9, сайт отображается некорректно.
Не могу понять в чем дело.

Некорректно отображается сайт
Доброго времени суток! Скачала бесплатный html5 шаблон. Все было ок, пока не протестила его на...

Некорректно отображается сайт vk.com
Здравствуйте. Такая проблема: некорректно отображается сайт vk.com Чистка кэша, попытки открыть в...

7
30 / 26 / 3
Регистрация: 01.09.2018
Сообщений: 141
02.09.2018, 10:19 2
У вас количество товарных предложений в блоке зависит от ширины экрана

до 450px - 1 Товар, от 450 до 600 - 2 товара и т.д.
0
0 / 0 / 0
Регистрация: 31.05.2018
Сообщений: 104
02.09.2018, 10:22  [ТС] 3
stanislavj, да, все верно, но почему-то на стандартных браузерах на андройде, товары показываются как на скриншоте, хотя разрешение явно до 450px, то есть на IOS на Safari, в Chrome, показывает как надо
0
30 / 26 / 3
Регистрация: 01.09.2018
Сообщений: 141
02.09.2018, 10:39 4
Compatibility

fancybox includes support for touch gestures and even supports pinch gestures for zooming. It is perfectly suited for both mobile and desktop browsers.

fancybox has been tested in following browsers/devices:

Chrome
Firefox
IE10/11
Edge
iOS Safari
Android 7.0 Tablet
вы имеете ввиду это?
0
0 / 0 / 0
Регистрация: 31.05.2018
Сообщений: 104
02.09.2018, 11:02  [ТС] 5
stanislavj, я немного не понимаю вас, выше есть два скриншота, когда показывает как надо и когда показывает не корректно, мне вот надо решить эту проблему, так как на разных браузерах на разных операционных системах, показывает по разному

Добавлено через 4 минуты
stanislavj, заметил, что только в chrome на andoid, отображается не корректно

Добавлено через 14 минут
я по мониторил и понял, что на chrome, yandex, opera браузерах на android показывает как на втором скриншоте, хотя я те же самые браузера скачал на ios, но там все отлично
0
30 / 26 / 3
Регистрация: 01.09.2018
Сообщений: 141
02.09.2018, 11:16 6
сделай так и посмотри
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
    if($('.product__carousel__item').length){
      $('.product__carousel__item').owlCarousel({
        loop:false,
        margin:20,
        nav:true,
        dots: false,
        responsive:{
            0:{
                items:1
            },
            800:{
                items:4
            }
        }
      })
    }
0
0 / 0 / 0
Регистрация: 31.05.2018
Сообщений: 104
02.09.2018, 11:56  [ТС] 7
stanislavj, да сейчас отлично, но соответственно ниже 800px, становится один большой товар
0
30 / 26 / 3
Регистрация: 01.09.2018
Сообщений: 141
02.09.2018, 12:03 8
Лучший ответ Сообщение было отмечено JIeuTo как решение

Решение

у телефонов разрешение сейчас в основном от 1280х720, поэтому на телефонах будет 1 товар, если надо 2, то поставить items:2
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
02.09.2018, 12:03

Некорректно отображается сайт vk.com 2
Добрый вечер. Проблема 1 в 1 схожа с еще не остывшей соседней темой -...

Некорректно отображается сайт
http://www.shinmonster.kz/glavnaya.html Код через компьютер отображается корректно, а в интернете...

Сайт некорректно отображается
Столкнулся вот с какой загвоздкой. На телефоне отображается только центральная часть сайта. Т.е....

Некорректно отображается сайт
Здравствуйте уважаемые Вебмастера. Ко мне обратился за помощью мой знакомый. В общем есть сайт...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.