【问题标题】:Website not looking nice on higer zoom level [closed]网站在更高的缩放级别上看起来不太好[关闭]
【发布时间】:2020-08-11 02:24:45
【问题描述】:

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

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

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

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

【问题讨论】:

  • 一般来说,试图将特定条件强加给网站的访问者是一场你无法取胜的战斗。甚至不应该尝试。始终假设您的访问者会通过各种不同的设备使用您的网站,并尽可能保持谦逊。是的,这将导致更多的工作,以适应多种屏幕分辨率、方向、触摸与鼠标……

标签: html jquery css bootstrap-4


【解决方案1】:

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

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

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

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

【讨论】:

    猜你喜欢
    • 2010-12-20
    • 1970-01-01
    • 2013-05-14
    • 2012-11-10
    • 1970-01-01
    • 2014-07-06
    • 1970-01-01
    • 2021-08-04
    • 1970-01-01
    相关资源
    最近更新 更多