我目前正在制作一个静态的原型瞄准器(例如,当将屏幕调整为较小的尺寸(例如480像素)时,瞄准器不会响应地调整其元素)。我实际上不希望该视线响应,我希望它表现得像apple.com一样。Apples网站是该网站的大型缩小概览,允许用户放大他/她希望的内容。每当我的视线加载到我的iPhone上时,它就会放大到站点的顶角。当我在CSS上应用zoom:.5时,它在IE和chrome中的缩放程度与我想要的一样,但在Firefox中却没有。显然,这是一个主要问题,因为Firefox是一种非常流行的浏览器,我很难找到其他选择。如果任何人都可以提供任何数量的替代方案(甚至使用javascript),也将不胜感激。
如果我对您的理解正确,则需要设置视口元。
将以下内容添加到head
您的网站部分:
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
这将设置初始缩放比例以适合整个页面,同时允许用户随意缩放。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句