0

我正在尝试使网站在智能手机和平板电脑上具有响应性并看起来不错。

这是该网站的链接：http: //fineart.d.dev.vendo.no/

问题是我的移动设备看不到我专门为它们编写的媒体查询。我知道这个问题在 Stackoverflow 上经常被问到，但我没有找到任何解决这个问题的方法。这是我的代码：

@media only screen and (max-width: 768px) {
    /* Some mobile-specific code goes here */
}

我尝试使用max-device-width并添加

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

到该部分但没有成功:(

你能帮我解决这个问题吗？我真的坚持下去，需要你的帮助。

先感谢您！

4

2 回答 2

1

我会推荐使用这个元标记：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

设置“maximum-scale=1”将阻止用户滚动，这通常被视为可访问性问题。如果需要，让用户缩放。

至于媒体查询，我查看了您的 CSS，但实际上并没有看到任何媒体查询。您确定加载了这些查询的 CSS 文件吗？

于 2013-06-20T02:22:22.090 回答
1

我没有在页面顶部看到视口元标记——我错过了什么吗？

于 2013-06-19T23:09:35.893 回答