Mobile Firefox完全忽略了Viewport

Question

我迷路了,无法弄清楚如何说服Mobile-Firefox加载我的网站完全缩小:/我找不到搜索stackoverflow和网络的工作解决方案.这是一个链接

网站!

我的网站没有单独的移动版本.我允许放大和缩小,在iPhone,iPad和股票Android-Browser上它完美无缺.但是在我的Android上使用Mobile-Firefox它会加载页面缩放它......而这一点并不是主要的问题!

页面的"可点击"区域仍然是初始缩放的小"盒子":我无法滑动我的滑块,我甚至无法点击那个小"活动框"之外的图片来打开fancybox-links等等.一旦我将我的网站平移到那个小"盒子",我就可以滑动,点击链接并按照我应该的方式进行交互.

我的元代码如下:

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

我使用html5boilerplate作为我网站的起点,您是否看到任何可能与我的视口问题有关的冲突？另一个用户似乎找到了一个解决方案,摆脱了另一个指向旧版浏览器的元标记.我在我的代码中找到了以下内容,但无论是否擦除它都无关紧要:

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

我也尝试使用以下代码片段,但无济于事:

    <style>
    -moz-@viewport {
            width: device-width;
            initial-scale: 1;
    }   
    </style>

也许有人知道一个简单的解决方案吗？我会非常感谢任何帮助,建议或提示如何解决这个问题:)非常感谢你提前!

干杯,梅林.

Answer 1

将视口设置width为您希望移动设备的宽度：

 <meta name="viewport" content="width=640">

width=device-width强制浏览器在Android上具有360px，在iPhone上具有 320px。