Y
Y
Yastr2014-01-06 06:34:47
iPhone
Yastr, 2014-01-06 06:34:47

iPhone zoom text, how to disable?

I can not understand what's the matter, maybe someone came across.

This is what the phone shows
-4Y4JksPbcI.jpg
And here is the desktop
DyzscYoxOBg.jpg
Perhaps there is some sort of meta tag that allows/denies automatic detection of phone numbers?

Answer the question

In order to leave comments, you need to log in

6 answer(s)
I
Ivan Belenkov, 2014-05-14
@Yastr

I understand that this is a necropost, but here is the solution:
setting this property for the body will help:-webkit-text-size-adjust: 100%;

S
Sergey Larionov, 2014-01-06
@Zidar

As aen already wrote, viewport will help.
Try something like:

<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=2.0"/>

S
Stepan, 2014-01-06
@L3n1n

Turn off zoom:
<meta name="viewport" content="user-scalable=no">

A
aen, 2014-01-06
@aen

There is a meta tag called viewport. He will help you.

S
SOb_S, 2014-01-26
@SOb_S

Cured?
Did you check it in Safari on desktop? Have you tried "remote debugging" in Safari? The font size is different - perhaps some default browser styles are applied, or the style does not work.

X
xxxgeniy, 2020-01-28
@xxxgeniy

I also noticed this behavior on iPhone 10, under all browsers, chrome safari and analogues.
and no matter what tags are used and style in the code, it still changes the size on a horizontal phone increases, ignoring the importer, and style tags that are above css priority.
-webkit-text-size-adjust:100%; It helped, now everything works as it should.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question