替代所有浏览器支持的缩放

Question

我正在制作一个目前是静态的原型视景(就像当屏幕变小时，比如480像素，视觉没有反应地调整它的元素)。实际上，我不想让视觉有反应，我希望它表现得像apple.com那样。Apples是一个放大的站点概览，允许用户放大他/她想要的内容。每当我的视力被加载在我的iphone上，它就会被放大到网站的一角。当我将缩放:5应用到css时，它会像在IE和chrome中一样放大，但在Firefox中不会。显然，这是一个很大的问题，因为firefox是一个非常受欢迎的浏览器，我很难找到替代浏览器。如果有人能提供任何数量的替代品(即使使用javascript)，我们将不胜感激。

Answer 1

如果我正确地理解了你，你需要设置视口元。

将以下内容添加到站点的head部分：

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

这将设置初始缩放以适应整个页面，同时允许用户随意缩放。

Answer 2

这很容易..。只要用老式的像素测量来做你所有的代码，就不会有任何调整，它根本就不会有反应。