提问人:Madara's Ghost 提问时间:1/20/2014 更新时间:1/21/2014 访问量:2248
放大手机时,我可以让我的固定按钮保持固定大小吗?
Can I have my fixed button remain at a fixed size when zooming in mobile?
问:
关于这个问题的问题都没有任何真正的答案(我有 看到一个说“完全停止变焦!”,另一个说 说“设置宽度!(事实并非如此))
我有一个应该在移动设备上运行的 Web 应用程序(仅限移动 Chrome 就足够了)。捏合缩放是必备功能。
除了我拥有的控制按钮外,一切都很好用。标准按钮,固定位置在页面的左下角。
当我捏合缩放时,这些按钮虽然保留在左下角,但会随着缩放而增长。
是否有可能让这些按钮不以某种方式通过缩放而增长?
答:
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
评论