我的网站看起来很好,直到人们开始放大和缩小,经过数小时的工作并弄乱它的CSS我对如何解决这个缩放问题毫无头绪。我应该以某种方式将缩放固定到一定水平吗?如果是的话,我该怎么办呢?我尝试修复这个缩放问题,但把所有东西放到一张桌子上,但这不是真的有效,所以我不知道该怎么做..帮助..
这就是它在safari上的外观,如果我调整我的缩放级别但是最初看起来是这样的,它是固定的:
然后在Firefox和Chrome上看起来很完美:
答案 0 :(得分:5)
浏览器的缩放级别严格来说属于用户的域 - 干扰用户级选择(例如页面缩放)是不好的做法,并且通常在技术上无论如何都无法这样做。用户会缩放网页,因为他们想要放大网页,原因是他们自己的,个别网站不应该(也不能)干扰该选择。
您应该尝试以这样的方式设计您的网站,而不是与用户作斗争,以使内容成为最重要的事情。您应该以这样的方式设计您的设计,以便当用户缩放(或进行其他更改,如禁用CSS或Javascript)时,内容(可能是拥有网站的重点)是重点
使用布局的百分比,使用em
字体大小和其他此类技术可以提高网站的可访问性。有关使用可访问网页设计技术的信息,请参阅http://24ways.org/2007/css-for-accessibility或http://www.w3.org/TR/WCAG10-CSS-TECHS/等文章。
修改强> 屏幕截图显示了尝试阻止可访问性支持的众多缺陷之一 - 不同的浏览器以不同的方式实现缩放。有些只增加字体大小,有些放大图像,则不一致。诀窍是让它无关紧要,不要阻止它发生。
答案 1 :(得分:3)
这是一个IE修复
http://www.bennadel.com/blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm
.css
{
zoom: 1
}
答案 2 :(得分:1)
简答:否,您无法修改最终用户的缩放级别浏览器设置。
也许您应该研究CSS模式来设计可以放大的网站。例如,我比基于点的字体大小更好地使用它的缩放。等
看看这些文章:http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
此外,如果您发布特定问题,我们可以一次性帮助解决这些问题