可以自动缩小用户的分辨率< X?

时间:2010-03-25 17:18:17

标签: javascript jquery html css

我的网站完全针对笔记本电脑市场(不要问为什么或争辩!),所有用户(或95%以上)我们的屏幕宽度为1200 +,

上网本正在起飞,分辨率为1024宽。

如果你缩小一次(ctrl-minus),我的网站在上网本上看起来仍然很棒,但我不想依赖用户知道ctrl-minus。

除了重新设计,我还有什么选择?我不想在我的页面上有缩放按钮。

外面有一个javascript zoomer吗?!!!

3 个答案:

答案 0 :(得分:5)

虽然这不能解决你的缩放问题,但你可以尝试基于CSS& amp;相对大小。

如果您的图片或容器的宽度为100px,请尝试将其设置为10em宽(或者em金额,直至找到合适的值)。最后,如果您对网站上指定的每个维度执行此操作,则可以通过更改默认font-size来主动缩小页面。例如。从1em到0.91em。

人们经常使用相对大小调整来让人们能够灵活地缩小和增加字体大小。它不像图像上常用的那样(因为它们是按要求,大小固定)。但事实并非如此,在这种情况下,可能会为您提供一种“全站点重新设计”的方法,并提供“缩放”效果。

这可能会在没有重新设计的情况下解决问题,但可能会很棘手,需要进行一些测试。样式表级联的方式,逐个元素地缩小字体,可能会导致一些问题。

答案 1 :(得分:0)

  • 通过JS检测屏幕分辨率
  • 应用适当的CSS

ctrl + - 是浏览器功能,你永远不应该依赖它。

试试这篇文章http://www.alistapart.com/articles/alternate/ 或尝试google“javascript switch css”

答案 2 :(得分:0)

出于多种原因,这是个坏主意。缩放是特定于客户端的,因此如果可能的话,您将遇到跨浏览器兼容性。你最好的选择是使用CSS并设置最小和/或最大宽度。你不需要重新设计但是(假设适当的html结构和外部css的使用)改变一些宽度值应该可以解决问题。