Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 放大手机时,我的固定按钮是否可以保持固定大小?_Javascript_Css_Mobile - Fatal编程技术网

Javascript 放大手机时,我的固定按钮是否可以保持固定大小?

Javascript 放大手机时,我的固定按钮是否可以保持固定大小?,javascript,css,mobile,Javascript,Css,Mobile,关于这个问题没有一个真正的答案(我已经回答过了) 看到一个说“完全停止缩放!”另一个说 说“设置宽度!”(事实并非如此) 我有一个web应用程序,应该可以在移动设备上运行(只有移动Chrome就足够了)。“收缩到缩放”是必备功能 除了我的控制按钮外,一切都很好。标准按钮,固定在页面左下角 当我按住按钮进行缩放时,这些按钮保持在左下角,并随着缩放而增长 有没有可能使这些按钮不因缩放而增长?如果您遇到此问题,这里有一个潜在的解决方案,值得一读 这里是网站 我的原型如何工作 我所做的是用JavaScr

关于这个问题没有一个真正的答案(我已经回答过了) 看到一个说“完全停止缩放!”另一个说 说“设置宽度!”(事实并非如此)

我有一个web应用程序,应该可以在移动设备上运行(只有移动Chrome就足够了)。“收缩到缩放”是必备功能

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

当我按住按钮进行缩放时,这些按钮保持在左下角,并随着缩放而增长


有没有可能使这些按钮不因缩放而增长?

如果您遇到此问题,这里有一个潜在的解决方案,值得一读

这里是网站

我的原型如何工作

我所做的是用JavaScript计算缩放级别(很糟糕) 然后应用CSS变换来缩小固定元素 到正常大小。正如你所料,没有平稳的过渡 在缩放过程中。有大量的bug和边缘案例。我没有 甚至尝试了跨浏览器支持(因此没有代码)

这似乎并没有提供一个脚本,但它为您提供了做什么以及如何完成它的想法

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

这是网站,

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

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


您能描述一下该应用程序吗?这是一款基于html的UI应用程序,还是一款原生android或ios应用程序?@ManZzup:对不起,我不清楚。它是在浏览器中查看的web应用程序。我编辑过。您可以将宽度和高度设置为百分比。然后,它相对于浏览器窗口的大小将始终相同。@Danko这似乎是一个非常有趣的想法,让我想在我一直在开发的一个响应迅速的网站上试用它。不幸的是,正如我所说,收缩到缩放是一个必须具备的功能。我不能禁用它。我会尝试你发布的其他链接,谢谢:)@MadaraUchiha我只是在最后把它作为我目前知道的唯一其他选择。第一个链接应该让你知道该怎么做。是的@JoshPowell,当你在你的网站上应用该链接时,请告诉我:D@Danko行!这可能需要一段时间,因为这不是我的客户关心的问题,但这就是在家的时间D