html – CSS转换源不在firefox中工作

概述我有一个CSS问题; transform-origin在firefox中不起作用.该网站以chrome和safari为中心,但不是在firefox上. html {transform: scale(0.9);transform-origin: center top;} 我的网站是http://test.lafsdesign.com/ 如果你能帮助我解决这个问题,我将不胜感激. 非常感谢你提前 我有一个CSS问题; transform-origin在firefox中不起作用.该网站以Chrome和safari为中心,但不是在firefox上.

HTML {transform: scale(0.9);transform-origin: center top;}

我的网站是http://test.lafsdesign.com/

如果你能帮助我解决这个问题,我将不胜感激.
非常感谢你提前.

完整的CSS

@media screen and (max-wIDth: 1240px) {HTML {zoom: 0.9;-moz-transform: scale(0.9);-moz-transform-origin: center top;}}@media screen and (max-wIDth: 1140px) {HTML {zoom: 0.8;-moz-transform: scale(0.8);}    }@media screen and (max-wIDth: 1005px) {HTML {zoom: 0.7; -moz-transform: scale(0.7);}}@media screen and (max-wIDth: 880px) {HTML {zoom: 0.6; -moz-transform: scale(0.6);}}

解决方法 在带有SVG的41.x之前的firefox中,它仅在使用固定值时有效：

-moz-transform-origin: 25px 25px;-ms-transform-origin:  25px 25px;-o-transform-origin: 25px 25px;-webkit-transform-origin:  25px 25px;transform-origin: 25px 25px;

firefox不会处理“中心”或“50％”等相对值.

总结

以上是内存溢出为你收集整理的html – CSS转换源不在firefox中工作全部内容，希望文章能够帮你解决html – CSS转换源不在firefox中工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。