我有一个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%”等相对值.
原文地址:https://www.jb51.cc/html/226511.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。