Good day to all! The first time I encountered such a problem on iPhones http://dropmefiles.com/lq8bu - a link to a customer demonstration. What and from what I can not understand, maybe there are people with experience and they will tell you where to dig. link to the repository https://maksimradziuk.imtqy.com/toyokawa/history.html

  • unfortunately there is no apple at hand, but if the problem only manifests itself in apples, then I advise you to look in the direction of the question of the layout for retina screens - DemoGosha
  • thanks) at least something. If I can write it down here. - Maxim Radziuk
  • So far I have only found information with the problem of absolute values, i.e. do not specify dimensions in px. But the problem, it seems to me in another, on the history page is a dynamic change in the line spacing, while there is no css animations and js code relating to this indicator. There is a clear css rule indicating the height of the line spacing in px. Maybe you should specify it in em, rem, etc.? - Maxim Radziuk
  • Not sure what will help, but try. - DemoGosha

1 answer 1

The fact is that iOS no matter what it tries to make the text readable by changing its size and line spacing, respectively, in those blocks where the text is 100%, or very close to this parameter, the width of the block. The problem is solved simply by adding a test block:

-ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;

all good and beaver!)