首页 > 解决方案 > 网站在更高的缩放级别上看起来不太好

问题描述

我已经建立了标准 100% 缩放的网站。现在,在许多笔记本电脑中,默认情况下它具有 150% 的推荐缩放比例,这导致我的网站外观和感觉不佳。

我如何强制我的应用程序始终以 100% 缩放开始。

我已经尝试过缩放 css(虽然不推荐),但它在 safari 和 Firefox 中不起作用。还尝试更改元标记中的初始比例,即

. Bjut没有运气。请帮忙,谢谢。

标签: htmljquerycssbootstrap-4

解决方案


您无法阻止用户在其浏览器中使用缩放功能,但您可以在页面首次加载时建议初始比例。将此标头添加到您的 html 中:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这取决于浏览器如何处理这些信息。一些有视力障碍的用户可能会将浏览器设置为忽略此功能作为可访问性选项。没有办法绕过这一点。

相反,请考虑如何调整您的网站以在这些条件下正常运行。您可以使用更高 DPI 的图像、响应式模板等。


推荐阅读