当宽度 < 800 像素的设备访问我的网站时,我正在尝试使用媒体查询来缩小(变小)网站。不幸的是,据我所知,它没有做任何事情。我在本节中有查询。我的主要 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 问题中得到这段代码,因为我还在学习。谢谢。
最佳答案
原来我只是个白痴。我通过更改窗口高度进行测试,忘记了我写的宽度。
关于html - 媒体查询未正确缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53114336/