1

我正在制作一个在手机上看起来应该与在桌面上看起来不同的网站。如果相关，我正在nexus-s - android 2.3上对其进行测试。我已将viewport元标记设置为device-width.

在 CSS 中，我添加了一个@media all and (max-device-width: 800px)包含所有移动特定样式的规则。但这些都没有被应用。我已经完成了所有这些!important并将其作为 css 文件中的最后一个块放入，但它仍然无法正常工作。

有人经历过这样的事情吗？

4

2 回答 2

1

我有一个移动屏幕宽度测试页面，用于检查移动设备上的各种屏幕分辨率。initial-scale如果我在视口元数据中指定 0.67 ，则在我的 HTC Desire 上，宽度规则匹配 800px 。

如果我用of设置width为，则屏幕在 CSS 规则中显示为 533 像素。device-widthinitial-scale1.0

在您的手机上查看它，看看它是否对您的页面有帮助。

于 2011-04-27T19:38:09.790 回答
0

你有没有把这个放在标题中：

<meta name="viewport" content="width=device-width"/>
于 2012-01-18T02:46:37.063 回答