admin 管理员组

文章数量: 1086019

my site looks fine untill people start zooming in and out and after hours of work on it and messing with its css I am clueless on how to fix this zoom problem. Should I somehow fix the zoom to a certain level? if so, how can I do it? I tried fixing this zoom issue but putting everything into a table but that isnt really working so I dont know what to do..help..

This is how it looks on safari, its fixed if i adjust my zoom level but initially looks like this:

Then on firefox and chrome looks perfect:

my site looks fine untill people start zooming in and out and after hours of work on it and messing with its css I am clueless on how to fix this zoom problem. Should I somehow fix the zoom to a certain level? if so, how can I do it? I tried fixing this zoom issue but putting everything into a table but that isnt really working so I dont know what to do..help..

This is how it looks on safari, its fixed if i adjust my zoom level but initially looks like this:

Then on firefox and chrome looks perfect:

  • javascript
  • html
  • css
Share Improve this question edited Sep 2, 2011 at 18:32 Bulvak asked Sep 2, 2011 at 18:23 BulvakBulvak 1,8048 gold badges35 silver badges63 bronze badges 1
  • It's a similar discussion already was discussed on the stackoverflow (and even with the same reasons :)) – Samich Commented Sep 2, 2011 at 18:27
Add a ment  | 

3 Answers 3

Reset to default 5

The zoom level of the browser is something that is strictly the domain of the user - it is bad practice to interfere with user-level choices such as page zoom, and usually you are technically unable to do so anyway. A user will zoom a webpage because they wanted to enlarge it, the reasons are their own and an individual site should not (and can not) interfere with that choice.

Instead of fighting the user, you should seek to design your site in such a way so as to make the content the most important thing. You should craft your design in such a way so that when a user zooms (or makes other changes like disabling CSS or Javascript), the content (presumably the point of having a website at all) is the focus.

Using percentages for your layout, using em for font sizes, and other such techniques will increase the accessibility of your site. See articles like http://24ways/2007/css-for-accessibility or http://www.w3/TR/WCAG10-CSS-TECHS/ for information on using accessible web design techniques.

EDIT The screenshots demonstrate one of the many pitfalls in trying to prevent accessibility support - different browsers implement zoom in different ways. Some only increase the font size, some enlarge the images, it is not consistent. The trick is to make it not matter, not to prevent it from happening.

Here's an IE fix

http://www.bennadel./blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm

.css
{
zoom: 1
}

Short answer: No, You cannot modify the end user's browser setting for zoom level.

Maybe you should look into CSS patterns for designing sites that zoom nicely. For example I beleive em's zoom better than point based font sizes. etc

take a look at articles like these: http://kyleschaeffer./best-practices/css-font-size-em-vs-px-vs-pt-vs/

Also, if you post specific problems we may be able to help solve them on a one off basis

本文标签： javascriptis there a way to set a certain screen zoom level its messing my site upStack Overflow

版权声明：本文标题：javascript - is there a way to set a certain screen zoom level? its messing my site up - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1744069675a2528255.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。