javascript - 有没有办法设置一定的屏幕缩放级别？它搞砸了我的网站

Question

我的网站看起来很好，直到人们开始放大和缩小，经过数小时的工作并弄乱了它的 CSS，我对如何解决这个缩放问题一无所知。我应该以某种方式将缩放固定到某个级别吗？如果是这样，我该怎么做？我尝试解决此缩放问题，但将所有内容都放入表格中，但这并没有真正起作用，所以我不知道该怎么做..help..

这是它在 safari 上的样子，如果我调整我的缩放级别它是固定的但最初看起来像这样:

然后在 firefox 和 chrome 上看起来很完美:

Answer 1

浏览器的缩放级别完全是用户的领域 - 干扰用户级别的选择(例如页面缩放)是不好的做法，而且通常技术上您无法这样做。用户会缩放网页，因为他们想放大它，原因是他们自己的，个别网站不应该(也不能)干扰该选择。

与其与用户作对，您应该设法以一种让内容成为最重要的事情的方式来设计您的网站。您应该以这样一种方式精心设计您的设计，以便当用户缩放(或进行其他更改，如禁用 CSS 或 Javascript)时，内容(大概是拥有网站的重点)是焦点.

在您的布局中使用百分比，在字体大小中使用 em 以及其他此类技术将提高您网站的可访问性。查看 http://24ways.org/2007/css-for-accessibility 等文章或 http://www.w3.org/TR/WCAG10-CSS-TECHS/有关使用无障碍网页设计技术的信息。

编辑屏幕截图展示了试图阻止可访问性支持的众多陷阱之一——不同的浏览器以不同的方式实现缩放。有的只增加字体大小，有的放大图片，不一致。诀窍是让它变得无关紧要，而不是阻止它发生。