На iOS и iPadOS в браузере не везде работает свойство «padding»
xsmix(1 год назад)
Заметил одну странную вещь, на моем сайте и на my-engine кстати тоже, на страницах «Контакты» и «Вход», не срабатывает свойство «padding» для кнопки. Это происходит, если я посещаю эти страницы на iPhone или iPad с браузеров: Safari, Edge, Chrome.
То есть получается, что сам браузер не имеет к этому отношения, потому, что на Windows 11 во всех браузерах все в порядке, тоже самое могу сказать и про работу на Android устройствах, в частности смартфоне в браузерах от Samsung и Google Chrome. Кеши чистил на всех браузерах iOS устройств, не помогло, следовательно эта проблема напрямую связана с операционной системой, а не с браузерами.
Подмечу, что остальные кнопки: «меню», «отправить» в комментариях, «регистрация» на странице регистрации отображаются нормально, как такое может быть? Что искать, где проблема? В интернете полно заголовков на эту тему про не стабильную работу свойства «padding» на iOS и iPadOS устройствах, но нормальных ответов как это решить нету.
Вернуться назад к другим темам
Ivan, а это Вы разработчик этого движка? А то все говорят Ivan, я вот и подумал может… Просто у многих имеется большой интерес к «Сообществу» в том числе и меня, как к дополнению к MyEngine. Почему бы не выставить это расширение на всеобщее использование, я не имею ввиду бесплатно.
xsmix, добавлю про браузеры на ios. Что гугл хром, что опера или яндекс браузер - это всё Сафари , только с разным интерфейсом. Все они используют вебвью сафари.
Проблема решена, спасибо Surfyk. Думаю стоит опубликовать это здесь.
Surfyk, спасибо, ну в общем попробую углубиться в эту тему совместимости на разных устройствах.
xsmix, я же дал направление куда копать. Все дело в том, что кнопки разные
<button type="button" onclick="Comments.submitCommentForm();">Отправить</button>
<input type="submit" name="" value="Отправить">
и скорее всего iPhone и iPad выводят их по разному. Другой причины быть не может, почему это происходит не знаю. Не пользуюсь iPhone и iPad, поэтому даже посмотреть не могу, да не интересно мне это. Поиск Вам в помощь, ищите да обрящете.
xsmix, советую почитать что такое верстка шаблонов, html и css , ну и js... движок тут не причем!!!!!! для ios, IE и тд порой нужно применять другие стили ...
greenzell, Далеко ходить не будем. Зайдите на этот сайт с iPhone или iPad, перейдите сюда в сообщество. Перешли? Теперь посмотрите на кнопку «Отправить» здесь в комментариях. Посмотрели? А теперь нажмите создать новую тему. Видите какая кнопка сейчас? И это не как не относится к стилю самого шаблона, потому, что там все задано нормально, так же как и в комментариях, но стили кнопки, а точнее внутренние отступы от ее текста подтягиваются откуда-то ещё. Но чтобы точно понять откуда устройства на iOS берут эти стили нужен Mac, которого у меня нет. Windows или Android устройства, а точнее любые браузеры установленные на этих операционных системах подхватывают стили из стилей шаблона и соответственно отображение всех элементов страницы происходит правильно, так как вы их задали.
greenzell, My Engine тут при том, что на этом же сайте точно такая же проблема, как и у меня на стандартном шаблоне, когда просматриваешь страницы с iOS устройств то кнопки на страницах: «Войти» и «Контакты» не подгружают свойство padding из CSS шаблона. Кнопки получаются узкими, обтекают текст.
причем тут вообще my-engine и любая другая cms .... как создадите шаблон, так он и будет работать! стили к работе движка не относятся...
Эй, тут кто-нибудь есть?
О, по запросам не работает «padding» на ios, iPhone и других, уже в ТОПе Яндекса спустя 2 часа.