Firefox全体のウェブページを縮小

Question

注： Firefoxの問題に対処しない同様の質問があり（時代遅れの可能性があります）

私はCSS3を使用してウェブページ全体を50％縮小しています。

@media screen and (max-width: 320px) { 

    body { 
    -moz-transform: scale(0.5); /* Moz-browsers */ 
    zoom: 0.5; /* Other non-webkit browsers */ 
    } 

} 

これはChromeでもうまくいきますが、Firefoxでは水平方向と垂直方向の2倍に見えます。

適切に縮小するための新しいクロスブラウザソリューションはありますか？

Answer 1

クロスブラウザのCSSは次のようになります（版からIEを。9）

コードはFF 45.0.1でテストされ、正常に動作しています。

body { 
 
    -webkit-transform: scale(0.5); 
 
    -moz-transform: scale(0.5); 
 
    -ms-transform: scale(0.5); 
 
    -o-transform: scale(0.5); 
 
    transform: scale(0.5); 
 
    -webkit-transform-origin: 0 0; 
 
    -moz-transform-origin: 0 0; 
 
    -ms-transform-origin: 0 0; 
 
    -o-transform-origin: 0 0; 
 
    transform-origin: 0 0; 
 
} 
 
div { 
 
    width: 50vw; 
 
    height: 50vh; 
 
    background: red; 
 
    font-size: 40px; 
 
}

<div> 
 
    Hello world - font size 40px 
 
</div>