Question

当宽度小于800px的设备访问它时，我尝试使用媒体查询来缩小站点（缩小）。不幸的是，据我所知，它没有做任何事情。我在部分中有查询。我的主要CSS样式表位于其上方。这是相关的CSS：

<html>
<head>
<link rel="stylesheet" type="text/css" href="cah.css" media="screen" />
<style>
@media all and (max-width: 800px) {
  html {
    zoom: 0.8;
    zoom: 80%;
    -moz-transform: scale(0.8, 0.8);
  }
}
</style>
</head>
// my site
</html>

我的完整网站可以找到here。我主要关心的是Chrome，但支持其他网站是一个不错的选择。我从另一个Stack Overflow问题中获取了此代码，因为我仍在学习。谢谢。

Answer 1

原来我只是个白痴。我正在通过更改窗口高度进行测试，却忘记了我写的宽度。

媒体查询无法正确缩放

1 个答案: