相关疑难解决方法(0)

我想让访问者能够看到高质量的图像,有什么方法可以检测窗口大小吗？

或者更好的是,使用JavaScript的浏览器的视口大小？在这里查看绿色区域:

我想更改我的网页CSS,用于手机上运行的网络浏览器,如iPhone和Android.我在CSS文件中尝试过类似的东西:

@media handheld {
  body {
    color: red;
    }
  }

但它似乎没有任何影响,至少在iPhone上.如何编写我的CSS以在iPhone等上以不同的方式工作,理想情况下不使用javascript？

我正在尝试让jQuery处理菜单,而CSS在调整浏览器大小时会对窗口背景做些什么.

所以jQuery做了这样的事情:

if ( $(window).innerWidth() < mediaQueries['small']) {
    // (where 'small' would be 966)
    // Perform jQuery stuff on a menu ul
}

CSS有这样的东西:

@media all and (max-width: 966px) {
    body {
        background: url(smallback.jpg) no-repeat 0 0;
    }
}

当使用Firefox时,有一个17像素(似乎是垂直滚动条宽度)的间隙,其中已经处理了jQuery的东西,但CSS却没有.

由于其他浏览器可能会为其滚动条使用不同的宽度,因此只需在CSS中添加17px就无法解决问题.那么如何让jQuery考虑滚动条呢？$(window).innerWidth()对我来说似乎没有这样做.

任何帮助将不胜感激.

在Firefox,Opera或IE中打开此页面以查找问题的隔离版本.(Chrome和Safari不会遇到这个问题.因此:Webkit:+ 1,Gecko:-1,Trident:-1,Presto:-1.)