Firefox ölçeğinin tamamını web sayfasından aşağı indirin

Question

Not: Firefox konusunu ele almayan benzer sorular vardır (ve güncel olmayabilir).

Tüm web sayfasını% 50 oranında küçültmek için CSS3 kullanıyorum.

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

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

} 

Bu Chrome'da çalışıyor ancak Firefox yatay ve dikey görünüşte 2 kez aşağı ölçekler.

Düzgün ölçekleme için yeni bir tarayıcı çözümü var mı?

Answer 1

Çapraz tarayıcı CSS (ver dan IE. 9) şöyle görünmelidir

kod FF 45.0.1 test ve ince çalışıyor.

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>