android - Mobile Firefox 完全忽略 Viewport

Question

我迷路了，无法弄清楚如何说服 Mobile-Firefox 加载我的网站完全缩小:/我找不到同时搜索 stackoverflow 和网络的有效解决方案。这是指向的链接

WEBSITE !

我的网站没有单独的移动版本。我允许放大和缩小，并且在 iPhone、iPad 和现有的 Android 浏览器上它可以完美运行。但是在我的 Android 上使用 Mobile-Firefox 它会加载页面并将其缩放...而这本身并不是主要问题!

页面的“可点击”区域仍然是初始缩放的小“框”:我不能滑动我的 slider ，我什至不能点击那个小“Activity 框”之外的图片来打开fancybox-links 等。一旦我将我的网站平移到那个小“盒子”中，我就可以滑动、单击链接并进行交互，因为我应该能够做到。

我的元代码如下:

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

我用了html5boilerplate作为我网站的起点，您是否看到任何可能与我的视口(viewport)问题相关的冲突？另一位用户似乎找到了解决方案，摆脱了另一个指向旧版浏览器的元标记。我在我的代码中发现了以下内容，但我是否删除它并不重要:

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

我还尝试使用以下代码 fragment ，但无济于事:

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

也许有人知道一个简单的解决方案？如果能提供任何有关如何解决问题的帮助、建议或提示，我将不胜感激 :) 在此先感谢您!

干杯，梅林。

Answer 1

将视口(viewport)宽度设置为您希望它在移动设备上的宽度:

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

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