0
0
0leg5ergeev2016-04-27 12:05:27
css
0leg5ergeev, 2016-04-27 12:05:27

How does white-space: nowrap work in mobile safari?

Added a few css rules to the line:

.title h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

displayed correctly in all browsers: 4d8502351eef480094c8185ccbf3c019.PNG
But mobile safari decided differently:
1613d8d4323c41608444dd06c4e75cb7.PNG
Moreover, on the mobile version of the same lamoda.ru, this code works as it should.
Note: such cases arise with numbers, it seems

Answer the question

In order to leave comments, you need to log in

2 answer(s)
D
Dmitry, 2016-04-27
@thewind

Strangely, numbers in mobile Safari have a smaller font size. Maybe there is some tag that moves the numbers to another line? It is in the mobile version, if it is an adaptive layout

M
Mikhail, 2016-04-27
Chirskiy @chirskiy_mixail

There is an option that mob. Safari like it doesn't understand elementary, try adding max-width: for h1, it might solve your problem.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question