我有一个 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 不会处理诸如“center”或“50%”之类的相对值。
关于html - CSS Transform origin 在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25340365/