Метки на странице «Метод» при крупном тексте — без прокрутки вбокThe labels on the «Method» page with large text — no sideways scrolling
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор на телефоне, у которого в браузере текст увеличен вдвое, читает на странице «Метод», что значат метки фактов, не прокручивая страницу вбок.An investor on a phone whose browser shows text at double size reads on the «Method» page what the fact labels mean, without scrolling the page sideways.
ЗадачаProblem
Метки в списке «что значат метки» на странице «Метод» не переносились на вторую строку. При тексте 200 % на русской странице метка «в объявлении противоречие» выходила за край экрана: страница становилась шире экрана на 59 px на 320 px, на 19 px на 360 px и на 4 px на 375 px — с мышью и на сенсорном экране. На английской странице и с 414 px прокрутки вбок не было.The labels in the «what the labels mean» list on the «Method» page did not wrap to a second line. With text at 200 % on the Russian page the «в объявлении противоречие» (listing contradicts itself) label went past the edge of the screen: the page became 59 px wider than the screen at 320 px, 19 px at 360 px and 4 px at 375 px — with a mouse and on a touch screen. On the English page and from 414 px there was no sideways scrolling.
Как решилиHow it was solved
- Метка, которая не помещается в строку, переносится на вторую. При тексте 200 % (320, 360, 375, 414, 641, 768 и 1024 px, русский и английский, с мышью и на сенсорном экране) страница «Метод» не шире экрана.A label that does not fit on its line wraps to a second line. With text at 200 % (320, 360, 375, 414, 641, 768 and 1024 px, Russian and English, with a mouse and on a touch screen) the «Method» page is no wider than the screen.
- При тексте 200 % в две строки теперь «в объявлении противоречие» (русский, 320–414 px), «источники расходятся» (русский, 320 px) и «listing contradicts itself» (английский, 320 px); страница длиннее на 23–48 px. При обычном размере текста ничего не изменилось: каждая метка в одну строку, ширина и высота страницы те же.With text at 200 % two lines are now taken by «в объявлении противоречие» (Russian, 320–414 px), «источники расходятся» (Russian, 320 px) and «listing contradicts itself» (English, 320 px); the page is 23–48 px longer. At normal text size nothing changed: each label is on one line, the page width and height are the same.
До и послеBefore and after
