Html Firefox缩小整个网页

注意：有一些类似的问题（可能已经过时）没有解决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倍

---

有没有一种新的跨浏览器解决方案可以适当地缩小比例？

跨浏览器CSS应该是这样的（即从9版开始）

该代码在FF 45.0.1中进行了测试，运行良好

正文{
-webkit变换：比例（0.5）；
-moz变换：比例（0.5）；
-ms变换：比例（0.5）；
-o变换：比例（0.5）；
变换：比例（0.5）；
-webkit转换原点：0；
-moz变换原点：0；
-ms变换原点：0；
-o变换原点：0；
变换原点：0；
}
div{
宽度：50vw；
高度：50vh；
背景：红色；
字体大小：40px；
}

你好，世界-字体大小40px

跨浏览器CSS应如下所示（即第9版）

该代码在FF 45.0.1中进行了测试，运行良好

正文{
-webkit变换：比例（0.5）；
-moz变换：比例（0.5）；
-ms变换：比例（0.5）；
-o变换：比例（0.5）；
变换：比例（0.5）；
-webkit转换原点：0；
-moz变换原点：0；
-ms变换原点：0；
-o变换原点：0；
变换原点：0；
}
div{
宽度：50vw；
高度：50vh；
背景：红色；
字体大小：40px；
}

你好，世界-字体大小40px