Почему эту работу в Firefox, но не в Chrome:масштабирование CSS и центрирования страницы

position:absolute; 
overflow: hidden; 
margin:0; 
padding:0; 
transform: translate(240px,79.5px) scale(1.2484375);

В translate(x,y) и scale(value), x,y, и значения различны для разных компьютеров/браузеров.

это работает для Firefox, но Chrome, не получает масштабируется или переведены.

демо: ** http://jsfiddle.net/SergioAntonio/kp9yr4m1/

**

его, кажется, что я нашел решение: Я изменил код JavaScript с: document.body.style = "преобразование: переводить (240px, 79.5px) шкала (1.2484375) ";

document.body.style.transform = "перевести (240px, 79.5px) масштаб (1.2484375)";

и теперь он работает в хромированном состоянии.

источник

2015-05-16 Sergio Fernandez

Ваши стили хорошо, он должен работать. Я предполагаю, что есть что-то еще, что вы не публиковали. Лучше всего создать демо-репликацию проблемы. – dfsq

Я согласен с dfsq. Эта скрипка показывает, что она отлично работает для меня http://jsfiddle.net/azzce5zk/ – Bob

ok, я добавил демо: http://jsfiddle.net/SergioAntonio/kp9yr4m1/ работает для FF, ничего не делает для Chrome. –

Пробовали ли вы префикс для этого поставщика?

-webkit-transform: translate(240px,79.5px) scale(1.2484375);

Chrome начал изначально предлагая поддержку преобразования только в версии 36. Для более старых версий, а также для большинства браузеров Android, вы все равно придется префиксом.

источник

2015-05-16 08:57:00 connexo

http://caniuse.com/#search=transform – dfsq

Используйте как этот

.example { 
    -webkit-transform: translate(240px,79.5px) scale(1.2484375); 
     -ms-transform: translate(240px,79.5px) scale(1.2484375); 
      transform: translate(240px,79.5px) scale(1.2484375); 
}

источник

2015-05-16 09:15:45

масштабирование CSS и центрирования страницы

**

ответ

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