Как работать с устройствами safari ios с режимом записи css? - PullRequest
Новая
       9

Как работать с устройствами safari ios с режимом записи css?

1 голос
/ 02 марта 2020

У меня есть css класс vertical-text, в котором этот .vertical-текст сделает текст в вертикальном положении. Все хорошо, но когда я попробовал на своем iphone, сафари. Это не работает. Я не знаю, если проблемы с браузером Safari или больше о ios проблемах?

Вот класс с вертикальным текстом: 

.vertical-text {
    transform: rotate(180deg);
    -ms-writing-mode: tb-lr;
    -webkit-writing-mode: tb-lr;
    -moz-writing-mode: tb-lr;
    writing-mode: tb-lr;

    -ms-writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    writing-mode: vertical-lr;

    -ms-writing-mode: sideways-lr;
    -webkit-writing-mode: sideways-lr;
    -moz-writing-mode: sideways-lr;
    writing-mode: sideways-lr;
}

Вот мой пример html: 

<td class="{{ $step['color'] }}-pure w-10-p text-white" rowspan="4">
    <label class="vertical-text text-center font-weight-bold">STEP {{ $step['id']}}</label>
</td>

Вот пример выходных данных в P C (google chrome)

enter image description here

...