Я думаю, что все знают о том, что все элементы с позицией свойства CSS: фиксированный не работают, как и ожидалось, если контейнер элемента украшен преобразованием свойством CSS.
Я прошел много потоков, чтобы не найти конкретного решения этого вопроса. Я имею в виду, что у меня есть несколько элементов по всему приложению, где мне нужна позиция: Исправлена для работы, потому что я применил Transform: Scale () свойство на саме Body . < /p>
Поскольку я не смог найти какую -либо трюк, чтобы заставить эту вещь работать, я вместо этого спрашиваю, есть ли альтернатива Transform: Scale () < /code> свойство CSS. Zoom < /code>, конечно, не является ответом, потому что он все еще не совместим со многими браузерами (особенно Firefox). < /p>
Предложите, какие изменения я должен внести, чтобы сделать их обоих работать? < /p>
angular.element($window).on('resize load', function () {
var isFirefox = navigator.userAgent.indexOf("Firefox") != -1;
var oWidth = angular.element($window).width();
var oHeight = angular.element($window).height();
console.log(oWidth + " " + oHeight);
if (oWidth >= 1903)
applyCss(100, 100, 1, isFirefox);
if (oWidth < 1903 && oWidth > 1441)
applyCss(125, 125, 0.8, isFirefox);
if (oWidth 1268)
applyCss(149.3, 149.3, 0.67, isFirefox);
if (oWidth
Подробнее здесь: https://stackoverflow.com/questions/424 ... ale-in-css
Альтернатива Transform: Scale () в CSS? ⇐ CSS
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение