Некорректно работает flex-shrink на андроиде

374
09 августа 2017, 19:20

Добрый вечер.

Не могу понять в чем проблема. Не совсем корректно работает свойство flex-shrink на планшете с андроид и ios, не работает только для стандартных браузеров, в хроме все ок.

В блок шириной 25% от общей ширины экрана помещена строка, а в строку три ссылки. При адаптации страницы, что бы ничего не переходило на новуюс троку или за пределы блока было использовано:

<span class="style">
 <a class="user-name" title=""></a>/
 <a class="user-type" title=""></a>/
 <a class="user-status" title=""></a>
</span>

.style {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 width: 100%;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

и на первую ссылку из строки:

.user-name {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}

На вторую и третью ссылки - ничего. На ПК, телефоне, iPad отрабатывает так, т.е. сокращает первую часть текста так, что бы влезло все остальное (текст из двух других ссылок).

А на андроид выглядит так:

т.е. оно скрывает часть первой ссылки, но вторая и третя все равно накладываются.

Надеюсь, что понятно описала. Заранее спасибо всем.

READ ALSO
Актуальность вендорных префиксов [требует правки]

Актуальность вендорных префиксов [требует правки]

На дворе 2к17 год, CSS3 скоро отпразднует первый юбилей, браузеры претерпели кучу обновлений, поэтому встаёт вопрос: а нужно ли до сих пор использовать...

800
Возможно ли подключиться программой на qt к Mysql базе на другом сервере?

Возможно ли подключиться программой на qt к Mysql базе на другом сервере?

Возможно ли подключиться программой на qt к Mysql базе на другом сервере и изменять эту бд?

423
Как считать написанный текст через exec

Как считать написанный текст через exec

Добрый вечер! Через Runtimeexec вызывается определенная Linux-программа, которая динамически отображает результат вот в таком виде (числа меняются...

284