我正在开发一个单页项目，该项目使用fullpage.js来创建可滚动的视口填充区域。它非常简单，每张幻灯片上都有一张图片和一些文字。在具有较大视口的设备上，我希望图片向左浮动，文本显示在它的右侧。对于较小的视口，我添加了一个媒体查询，使图片填充视口宽度（width:96vw）并删除浮动属性（float:none; clear:both;）。当我在PC上的任何浏览器中通过减小浏览器窗口的大小来测试它时，如果窗口的宽度达到800px（媒体查询中的条件为(max-width:800px)），它就可以正常工作文本跳转到图片下方，图片放大到浏览器窗口的宽度。我创建的jsfiddle也按预期工作：
http://jsfiddle.net/GinSan/ehco10dh/
然而，我已将该项目上传到我的网站并在我的Android手机上打开，并且Firefox和Chrome应用程序似乎都无法识别媒体查询。它应用浮动代替，在纵向方向上看起来很糟糕......我尝试在媒体查询中添加更多样式规则，其中没有一个似乎被移动浏览器识别。
我已经盯着我的媒体查询了半个小时，但我找不到任何错误。你能？或者这可能与fullpage.js库有关？或者还有什么问题？根据{{3}}，Android应用程序支持媒体查询。
我会发布一个链接供您自行查看问题，但我不确定是否允许。我呢？