преобразования: translateY() работает иначе каждое устройство

я применилпреобразования: translateY() работает иначе каждое устройство

position: absolute; 
left: 0; 
-webkit-transform: translateY(40%); 
-moz-transform: translateY(40%); 
-ms-transform: translateY(40%); 
-o-transform: translateY(40%); 
transform: translateY(40%); 

//translateY(10%) on mobile

это на элементе.

на другом компьютере или мобильном телефоне. Выглядит хорошо.
Как это

Но на моем компьютере.
Это выглядит странно ..
как этот (мобильный на режим разработчика)

Почему это произошло ??

это мой агент пользователя

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36

источник

2016-08-01 Snowcat Jung

Я думаю, что вам нужно, чтобы дать верхнее или нижнее значение для работы его должным образом. Некоторым браузерам нужна первая позиция для перевода на новую позицию.

Редактировать: или вы просто можете дать топ: 40% ;?

источник

2016-08-01 18:56:04

Nope "top: 40%", возможно, 40% от высоты документа. Но перевод (40%) составляет 40% от его элемента ... –

Я вижу вашу мысль. Вы пытались добавить 'top: 0;' или 'translate (0, 40%);'? –

да, но он просто перешел на верхний уровень documnet на 40% от translateY –

преобразования: translateY() работает иначе каждое устройство

ответ

Смежные вопросы