S
S
satori2014-08-27 18:34:22
css
satori, 2014-08-27 18:34:22

How to prevent text from growing in mobile Chrome?

There is one place on the main page where the text increases by several sizes and breaks the layout. And this happens only in landscape orientation. The text is written in px, changes in%, em, rem did not change anything. The most surprising thing is why all the elements on the page do not change, but only this one. On the inner pages, the situation is different, the header and footer are unchanged, and all content is scaled.
Of course use

<meta name="viewport" content="width=device-width">
solves everything, but its use conflicts with ie on windows phone, a giant zoom appears.
I hoped that -webkit-text-size-adjust would help, but alas. The described bug is only in chrome, UC browser and a standard browser without it. Here is the actual subject .

Answer the question

In order to leave comments, you need to log in

1 answer(s)
J
Jaty4, 2014-09-11
@Jaty4

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question