如何自动缩小网页？

Question

我使用JavaScript构建了一个计算器，但在移动设备上显示它时遇到了麻烦。默认情况下，页面会稍微放大。如果用户手动缩小，计算器将完美显示（它完全适合屏幕）。他们是默认缩小的方法吗？

你可以在这里访问我的计算器：
http://hntr.atwebpages.com/calculator/calculator.html

Answer 1

您可以通过访问zoom属性来设置许多浏览器中的缩放，如下所示：

document.body.style.zoom = value + "%";

值是一些数字。例如，这会将缩放设置为50％：

document.body.style.zoom = "50%";

您可能需要使用不同的方法来计算缩放值。另请注意，这并不适用于所有浏览器，但似乎可以在Chrome中使用。

Answer 2

以及我可以看到您的网站是在硬编码中构建的它不包含任何响应式设计您应该使用像Bootstrap或Bulma这样的框架