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

时间:2014-05-30 19:35:50

标签: html css mobile zoom

我制作的原型瞄准镜目前是静态的(例如当屏幕调整得更小时,例如480像素时,瞄准器不会响应地调整其元素)。我实际上并不希望视觉能够响应我希望它像apple.com那样表现。苹果网站是一个大缩小的网站概述,允许用户放大他/她希望的内容。每当我的视线加载到我的iphone上时,它就会放大到网站的一角。当我将缩放:.5应用于css时,它在IE和Chrome中缩小的程度与我想要的一样,但在Firefox中则不然。显然这是一个主要问题,因为firefox是一个非常受欢迎的浏览器,我很难找到替代方案。如果任何人可以提供任何数量的替代品(即使使用javascript),我们将非常感激。

2 个答案:

答案 0 :(得分:1)

如果我理解正确,您需要设置视口元。

将以下内容添加到您网站的head部分:

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

这会将初始缩放设置为适合整个页面,同时允许用户随意缩放。

答案 1 :(得分:0)

这很容易...... 只需在旧式像素测量中完成所有代码 什么都不会调整大小,它根本不会响应