我有一个奇怪的问题。我完成了一个网站，并使用quirktools的screenfly来看看它在平板电脑和智能手机上的表现......看起来很好
当我在真实的智能手机或平板电脑上浏览网站时，它显示的是桌面版本的网站...媒体查询无法正常工作...我在手机上尝试了chrome，firefox，opera但是没有他们以移动版本显示我的网站。
朋友们，您能告诉我可能出现的问题吗？
我在我的css文件中使用简单的媒体查询
答案 0 :(得分：4)
您是否为视口设置了元标记？类似的东西：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
答案 1 :(得分：0)
将此元标记置于
之间<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
答案 2 :(得分：0)
您还可以尝试使用此元标记，以使您的媒体查询适用于所有尺寸的设备
<meta name="viewport" content="width=device-width, initial-scale=1.0">
由于