Ответить Новая тема Новый опрос 
 Разное отображение сайта на android и ios
vox01
Новичок
Сообщений: 18
Регистрация: 30-05-2019


11-08-2020 16:50
Добрый день.
Обратил внимание на то что сайт на prestashop 1.6.1.24 на стандартном шаблоне при переходе к подкатегориям по разному выглядит на андроид и айос мобильных устройствах (не плншетах)
В настройки / шаблон / мобильная версия - выставлено Я хочу включить её только для мобильных устройств.
IOS
IMG_0291.jpg - Размер файла62.84KB (Нажмите для увеличения)
Android
Screenshot_2020-08-11-12-38-40-692_com.android.chrome.jpg - Размер файла46.38KB (Нажмите для увеличения)
Как по мне на IOS выглядит нормально, на андроид как то обкушено. Посмотреть можно тут ->
Скрытое содержимое:
просмотр разрешен группе "Пользователи".

Как сделать одинаковое отображение на всех мобильных устройствах ?
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Triton63


Профессионал
Сообщений: 886
Откуда: Оренбург
Регистрация: 28-05-2011


11-08-2020 21:42
На IOS установлен Safari, а на Android скорее всего Google Chrom, из-за разного отображения одних и тех же отступов (Хром прям обожает поправлять отображение стилей, по своему. Считает ему лучше знать, как оно должно быть :crazy: )
В данном случае, если на вскидку, можно посоветовать уменьшить левый наружный отступ с 33px до 26px
строка 53
Или другой вариант: Уменьшить ширину в
строке 52 со 145px до 140px
в файле твой_сайт/themes/default-bootstrap/css/category.css
 
Репутация: 5 | Поставил: vox01



Интернет-магазин ионизатор воздуха ЭкоЮнит: Лампа Чижевского
shop.aeroion.ru
-------------------------------------------------------------------------------
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
vox01
Новичок
Сообщений: 18
Регистрация: 30-05-2019


12-08-2020 16:02
Цитата:( Triton63 @ 11-08-2020 16:42 Смотреть сообщение )
На IOS установлен Safari, а на Android скорее всего Google Chrom
Проверял на разных браузерах на обеих платформах. Отображалось так как на прикрепленных скринах вне зависимости от браузера.
За решение вам большое спасибо. Удивительно что своего вопроса не нашел на форуме. То ли все решают этот вопрос самостоятельно и только я настолько туп, то ли люди не морочатся как сайт выглядит на мобильных.
Вариант уменьшить левый наружный отступ с 33px до 26px строка 53 оказался наиболее привлекательным.
Хочется верить что на мобильнух устройствах будет отображаться одинаково вне зависимости от разрешения экрана.
P.S. Не забываем что у мобильного браузера тоже есть кеш у которого то еще чувство юмора ))))) (выручает приватная вкладка или как её еще называют инкогнито)


Сообщение отредактировал vox01 (12-08-2020 11:03)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Triton63


Профессионал
Сообщений: 886
Откуда: Оренбург
Регистрация: 28-05-2011


12-08-2020 20:17
Цитата:( vox01 @ 12-08-2020 14:02 Смотреть сообщение )
P.S. Не забываем что у мобильного браузера тоже есть кеш у которого то еще чувство юмора )))))

Да ты шо! :yes:
А мужики то не знают...
 



Интернет-магазин ионизатор воздуха ЭкоЮнит: Лампа Чижевского
shop.aeroion.ru
-------------------------------------------------------------------------------
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
vox01
Новичок
Сообщений: 18
Регистрация: 30-05-2019


13-08-2020 14:33
Знают конечно.
Я вот тоже знал, да пол дня кешу под хвост пока допер очевидную вещь ))))


Сообщение отредактировал vox01 (13-08-2020 09:33)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос