K
K
kikki2018-04-21 00:19:16
iOS
kikki, 2018-04-21 00:19:16

Why is the site not displaying correctly on iPhone?

Good day to all! I have a problem displaying the site rashid.cf on iphone devices. I tried to open it on iphone 5s, iphone SE, iphone 6. In addition, I used not only safari, but also chrome. Everywhere the site looks wrong. Everything is great on desktop and android devices!
Here are screenshots of what the site should look like:

spoiler
5ada56804bd5a467070168.jpeg5ada568972dc9452862714.jpeg

And this is how it looks on the iPhone:
spoiler
5ada58eb18620122094817.jpeg5ada58f5682d5088563969.jpeg

I noticed that the text is not displayed inside the tags <a>and <button>.
I would be very grateful if someone could tell me what it could be!

Answer the question

In order to leave comments, you need to log in

1 answer(s)
K
kikki, 2018-04-21
@kikki

Thanks to all! Most of the stocks almost corrected.
1) First, included normalize.css
2) Added all necessary prefixes with Autoprefixer
3) Installed MacOS virtual machine on VirtualBox and tried to change different styles in Safari web inspector. As a result, by typing, I found out that the text inside the tags <a>, as well as in some other places, was not displayed due to the FT40 font. I changed the font and the text appeared!

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question