How does white-space: nowrap in mobile safari?

Added a few line css rules:
.title h1 {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}


all browsers displayed correctly: 4d8502351eef480094c8185ccbf3c019.PNG

But mobile safari has decided otherwise:
1613d8d4323c41608444dd06c4e75cb7.PNG

While on the mobile version of the same lamoda.ru this code works as it should.
Note: such cases occur with numbers, it seems
July 12th 19 at 17:31
2 answers
July 12th 19 at 17:33
Strange, but the figures in the mobile Safari the font is smaller. There may be mingled with some kind of tag that takes the numbers on a different line ? In the mobile version, if it's adaptive layout
adaptive layout, tags inside this h1 is not, what I am also surprised - abigayle_Berg commented on July 12th 19 at 17:36
: have you tried to emulate in chrome for example, under the iphone5 and then look in the developer console that there is generally? Maybe the styles which overlap? - lorna.O commented on July 12th 19 at 17:39
: Yes, no problems noticed. Yes, and chrome != Safari - abigayle_Berg commented on July 12th 19 at 17:42
: you would have given the link... read the tea leaves. - lorna.O commented on July 12th 19 at 17:45
July 12th 19 at 17:35
There is an option that mob. Safari and ie does not understand the basic, try adding max-width: for h1, will probably solve your problem.
set, in %, in px, set position:absolute, there is no profit - abigayle_Berg commented on July 12th 19 at 17:38
I have the impression that Safari does not apply these rules to numbers, because on most pages it's all right. - lorna.O commented on July 12th 19 at 17:41
: the number to do with it, I did the same for the tables there and the numbers and rates and currencies all there, all perfectly trimmed, apparently another problem, well I did, with the task of max-width: 200px in this case, and everything worked without max-width: not working even in chrome, well, there is a table - abigayle_Berg commented on July 12th 19 at 17:44

Find more questions by tags BrowsersCross-browserismCSS