我正在制作一个在手机上看起来不同的网站，而不是它在桌面上的外观。我正在nexus-s-android 2.3上测试它，如果这是相关的。我已将viewport元标记设置为device-width。
在CSS中我添加了一个@media all and (max-device-width: 800px)规则，其中包含所有移动特定样式。但这些都没有得到应用。我已经完成了所有!important并将其作为css文件中的最后一个块放入，但它仍无效。
有人经历过这样的事吗？
答案 0 :(得分：1)
我有一个mobile screen width测试页面，用于检查移动设备上的各种屏幕分辨率。在我的HTC Desire上，如果我在视口元素中指定initial-scale为0.67，则宽度规则匹配800px。
如果我将width设置为device-width initial-scale 1.0，则CSS规则中的屏幕显示为533像素。
在手机上查看，看看它对您的网页是否有帮助。
答案 1 :(得分：0)
你把它放在标题中了吗？
<meta name="viewport" content="width=device-width"/>