移动设备Firefox完全忽略视窗 [英] Mobile Firefox ignores Viewport completely
问题描述
我迷路了,可以不知道如何说服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.
这篇关于移动设备Firefox完全忽略视窗的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!