我迷路了，可以不知道如何说服Mobile的Firefox的加载我的网站完全放大了：/我无法找到一个有效的解决方案既搜索计算器和网络。这里有一个链接到

I'm lost and can't figure out how to convince Mobile-Firefox to load my site fully zoomed out :/ I couldn't find a working solution searching both stackoverflow and the web. Here's a link to the

网站！

没有单独的移动版本，我的网站。我允许放大和缩小，并在iPhone，iPad和股票Android的浏览器，它完美的作品。但是，使用移动，火狐在我的机器人，它加载的页面缩放这...​​这本身并不是主要的问题！

There is no separate mobile-version of my website. I allow zooming in and out and on iPhones, iPads and the stock Android-Browser it works flawlessly. But using Mobile-Firefox on my Android it loads the page zoomed it... and that alone isn't the main problem!

页的可单击区域仍然是初始变焦相同的小盒子：我不能滑动滑块我，我甚至不能点击图片小活动框外开的fancybox联等。当我摇我的网站变成了小盒子我可以滑动，点击链接和互动，我应该可以。

The "clickable" area of the page remains the same small "box" of the initial-zoom: I can't slide my sliders, I can't even click on pictures outside of that small "activity box" to open fancybox-links and the like. As soon as I pan my site into that little "box" I can slide, click links and interact as I should be able to.

我的元code是如下：

My meta-code is the following:

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

我用 html5boilerplate 为出发点，我的网站，你看，可能会对我的看法端口问题的任何冲突？另一位用户似乎找到了解决办法，摆脱的另一元标记指向旧的浏览器。我发现下面的在我的code，但没关系我是否删除与否：

I used html5boilerplate as a starting point for my website, do you see any conflict that could pose with my view-port problem? Another user seemed to find a solution, getting rid of another meta-tag pointing to older browsers. I find the following in my code but it doesn't matter whether I erase it or not:

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

我也试过用下面的code段工作，但没有成功：

I also tried to work with the following code snippet, to no avail:

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

也许有人知道一个简单的解决办法？我将非常感激任何形式的帮助，建议或提示就如何解决:)非常感谢你提前的问题！

Maybe someone knows a simple solution to this? I would be so grateful for any kind of help, advice or hint on how to tackle the problem :) Thank you very much in advance!

干杯，梅林。

推荐答案

设置视口的宽度，以你希望它是移动的宽度：

Set the viewport width to the width you want it to be for mobile:

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

由于宽度=设备宽度强制浏览器有一个为360px视不管是什么，在Android上，和320px的iPhone上。

because width=device-width forces the browser to have a 360px viewport no matter what, on android, and 320px on iPhone.