根据用户分辨率自动缩小浏览器
我遇到了一个大问题... 我以 1920 X 1080 设计了我的网站...在 1920 X 1080 上看起来很棒... 然后设计整个网站后...... 我遇到了一个重大的设计缺陷，我应该早点想到的.. 我意识到我的大多数目标受众使用 1280 或 1024 种分辨率...并且不运行最新版本的浏览器.. 我现在该怎么办？？？
我尝试使用javascript和zoom css属性，但它只适用于chrome，safari..他们处理得非常好，IE 9把它弄乱了一点...但是firefox搞得一团糟...
请帮助我...这是我的网站
谢谢...
I have run into a big problem ...
I have designed my site at 1920 X 1080 ... It looks great on 1920 X 1080 ...
Then after designing the entire site ...
I ran into a major design flaw, I should have thought of earlier ..
I realized majority of my target audience uses 1280 or 1024 kind of resolutions ... and don`t run latest versions of browsers ..
What do I do now ???
I tried using javascript and zoom css property but it only works on chrome,safari.. They handle it exceptionally and IE 9 messes it up a little ... But firefox makes a mess ...
Please help me ... Heres my site
Thank you ...
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
查看 CSS3 媒体查询。它们允许您根据浏览器视口的大小包含样式表。
Check out CSS3 Media Queries. They allow you to include stylesheets depending on the browser's viewport's size.
我会为每个分辨率包含不同的 CSS 表，因为它是一个固定的网站。
由于有很多小细节需要注意，仅缩小网站并不能使其在任何分辨率下都保持美观。
I would include different CSS sheets for every resolution, as it's a fixed website.
Since there are a lot of small details that need to be attended, just zooming out the website wouldn't keep it pretty on any resolution.