css - zoom 适用于 windows 但不适用于 ipad

Question

我正在使用这段代码来缩小整个页面，它在 PC 上运行良好:

@media only screen 
  and (min-device-width: 990px) 
  and (max-device-width: 1024px) 
  {

html 
{
    zoom: 0.8; 
}
}

但无论如何我都无法让它在 iPad 上运行。我尝试了很多东西，比如:

@-o-viewport {
    zoom: 0.8;
}

任何想法，我可能还缺少什么，让它在 iPad 上像在 PC 上一样工作？

Answer 1

来自 CSS-Triks :

Zoom is an old IE thing. It isn't something you should use on live sites. If you want to scale content, use CSS Transforms. You can also use filters if you need oldIE support.

请注意，这在 2013 年是旧事。