Почему сайт отображается некорректно на iPhone?

Question

[kikki]

Всем доброго времени суток! У меня проблема с отображением сайта rashid.cf на iphone устройствах. Пробовал открывать на iphone 5s, iphone SE, iphone 6. К тому же, использовал не только safari, но и chrome. Везде сайт выглядит некорректно. На десктопе и android устройствах все замечательно!
Вот скриншоты того, как сайт должен выглядеть:

spoiler

А вот так он выглядит на Iphone:

spoiler

Заметил, что текст не отображается внутри тегов <a> и <button>.
Буду очень благодарен, если кто-нибудь подскажет, с чем это может быть связано!

Comments

[WTERH]

А че, normalize.css нынче не канон?

[WTERH]

Вполне вероятно в специфичных для iOS и Safari префиксах.

[fl3nkey]

Я вам скажу и на десктопе (macOS) не очень выглядит

spoiler

[Roman]

У Вас тут проблемы посерьезнее есть.
После начала рекламы или продаж товаров (услуг) с использованием сайта обязательными для указания дополнительно становятся сведения об ОГРН (для организаций) или ОГРНИП (для предпринимателей). Это требования ст.8 ФЗ "О рекламе".
За нарушение ФЗ О рекламе в данной части установлена административная ответственность по ч.1ст.14.3 КоАП РФ в виде штрафа для граждан в размере от двух тысяч до двух тысяч пятисот рублей; на должностных лиц - от четырех тысяч до двадцати тысяч рублей; на юридических лиц - от ста тысяч до пятисот тысяч рублей. ИП приравниваются к должностным лицам.

Банковские реквизиты можно не размещать.

Качество выполненных работ - криво выравнивается

[Андрей]

fl3nkey, подпишусь. На маковском сафарике жесть.

[kikki]

WTERH, спасибо! Подключил normalize.css, и текст в тегах <button> появился, а также исправились другие проблемы. Надо бы изучить этот полезный файлик.

А к каким свойствам нужно добавлять префиксы для iOS и Safari?

[kikki]

fl3nkey, спасибо за скрин! Буду ставить MacOS на VirtualBox и отлаживать.

[Владислав Лысков]

kikki, прогони css здесь

[kikki]

Владислав Лысков, да, спасибо, уже добавил префиксы. Хотел сначала прогнать на сайте, который вы советуете. Потом решил добавить плагин Autoprefixer для Sublime Text 3, так вроде удобнее.

[WTERH]

kikki, точно не скажу, да и оно не особо надо, при наличии normalize.css, он на то и нужен, чтобы работать за тебя)
Но думаю вполне логично предположить, что инфу по префиксам можно нагуглить)

Answer 1

[kikki]

Всем спасибо! Большинство косяков почти исправил.
1) Во-первых, подключил normalize.css
2) Добавил все необходимые префиксы с помощью Autoprefixer
3) Установил виртуальную машину MacOS на VirtualBox и попробовал поменять различные стили в веб-инспекторе Safari. В итоге, методом тыка выяснил, что текст внутри тегов <a>, а также в некоторых других местах не отображался из-за шрифта FT40. Поменял шрифт и текст появился!

Comments

[WTERH]

Хех, ну и такое бывает(я про шрифты).
Выбирай верный вариант и закрывай вопрос)

[Johny Smith]

Не получается устаноить VirtualBox MacOS всё делаю по инструкции, и установка прерывается каждые 10 секунд, и заново виртуальный биос загорается. Добавлял вторую SATA для виртуальньго CD-ROM отдельно порт, пробовал скачать другой установочный образ, так и не получается, вы по какому методу установили?

[kikki]

Olek1, я устанавливал по той же инструкции, с той лишь разницей, что выбрал 2 ГБ ОЗУ, вместо 4ГБ.

[Noxco]

kiki bro подскажи чайнику как быть
у мя тож некорректно отображается на айфон

[Григорий]

Вывод один айфон распаренное глючное гумно
В топку его:))