How to set the indent correctly on IOS?

Question

css

http://carolinamassage.rf/
on the PC everything is fine.

but with IOS such garbage:

that is, the matgin-top of the bottom img is not respected.
I tried with -webkit- to write a margin but to no avail ...
I think the problem is in the line-height or something ...
How to fix it?

Answer 1

Actually, this is not the marginpoint, but in the rendering of fonts. You have another crooked font. Generally Safari = IE6 on the modern web.
The first option is to try to remove all fonts except WOFF and include only WOFF and for old IE EOT format if necessary.
The second option is to add properties only for Safari through validation navigator.userAgentor a CSS hack.

if (/Safari/i.test(navigator.userAgent)) {
    document.body.className += ' safari';
}