放大手机时,我可以让我的固定按钮保持固定大小吗?

Can I have my fixed button remain at a fixed size when zooming in mobile?

提问人:Madara's Ghost 提问时间:1/20/2014 更新时间:1/21/2014 访问量:2248

问:

关于这个问题的问题都没有任何真正的答案(我有 看到一个说“完全停止变焦!”,另一个说 说“设置宽度!(事实并非如此))

我有一个应该在移动设备上运行的 Web 应用程序(仅限移动 Chrome 就足够了)。捏合缩放是必备功能。

除了我拥有的控制按钮外,一切都很好用。标准按钮,固定位置在页面的左下角。

当我捏合缩放时,这些按钮虽然保留在左下角,但会随着缩放而增长。

是否有可能让这些按钮不以某种方式通过缩放而增长?

JavaScript CSS 移动

评论

0赞 ManZzup 1/20/2014
你能描述一下这个应用程序吗?它是基于 html 的 UI 应用程序还是原生 Android 或 iOS 应用程序?
0赞 Madara's Ghost 1/20/2014
@ManZzup:对不起,我不清楚。它是在浏览器中查看的 Web 应用程序。我编辑了。
0赞 Mark 1/20/2014
您可以将宽度和高度设置为百分比。然后,相对于浏览器窗口,它的大小将始终相同。

答:

2赞 Josh Powell 1/20/2014 #1

如果您遇到此问题,这是一个潜在的修复方法,并且值得一读。

这里是网站,css固定位置

我的原型是如何工作的

我正在做的是使用 JavaScript 计算缩放级别(很差) 然后应用 CSS 转换来缩小固定元素 到正常尺寸。正如您所料,没有平稳的过渡 在缩放期间。有一大堆错误和边缘情况。我没有 甚至尝试了跨浏览器支持(因此没有代码)。

这似乎没有提供脚本,但它让您了解该做什么以及如何完成它。

这个网站上的另一个链接似乎有一堆关于你的问题的重要信息,更多的是一个建议。

这里是网站,位置:设备固定;

我目前知道的唯一其他选项是禁用缩放。这不是最好的方法,但如果移动设计需要固定的标题,这就是我目前所做的。这将阻止用户缩放,从而防止元素受到影响。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

评论

0赞 Josh Powell 1/20/2014
@Danko 这似乎是一个相当有趣的想法,让我想在我一直在做的响应式网站上尝试一下。
0赞 Madara's Ghost 1/20/2014
不幸的是,就像我说的那样,捏合缩放是一个必备功能。我无法禁用它。我会尝试您发布的其他链接,谢谢:)
0赞 Josh Powell 1/20/2014
@MadaraUchiha我只是把它放在最后,作为我目前所知道的唯一其他选择。第一个链接应该让您知道该怎么做。
0赞 DaniP 1/20/2014
是的,当您在网站上应用它时@JoshPowell让我知道:D
1赞 Josh Powell 1/20/2014
@Danko 会的!可能还需要一段时间,因为这不是我的客户关心的问题,但这就是在家的时间。:D