Jquery CSS可以只使用CSS为特定监视器分辨率应用特定规则吗？

我有一个

宽度的设计；1010px

此设计有两个箭头用于幻灯片放映“左”和“右”，并且处于绝对位置，是开箱即用的（

宽度：1010px

div container）

.showcase-arrow-next
{
    right: -40px;
    top:150px;
    background-position: -70px 0px;
}

所以我想知道是否可以为特定的显示器分辨率声明一个规则，实际上对于ipad分辨率1024x728，我想在显示器为1024x728时将我的箭头放在1010px容器内，我知道如何使用prototype、jquery和类似javascript的解决方案，但我不知道是否有可能只用css方法来解决这个问题

---

提前感谢

是的，这是可能的，您应该在web上搜索“响应式web设计”并阅读

像这样的东西就是你想要的

@media handheld and (width: 1024px) {
  // add your CSS rules here
}

使用将条件样式应用于具有特定大小的设备：

<style>
    @media screen and (min-device-width: 768px) and (max-device-width: 1024px) {   
        .showcase-arrow-next {
            right: -40px;
            top: 150px;
        }
    }    
</style>

---

看一看谢谢你的提示，我会做的，我给@rjb的答案只是因为他在你之前有反应，不管怎样，谢谢。有没有办法在我自己的显示器上测试一下？还是我必须使用其他设备？？因为我将firefox浏览器的大小调整为1024x728像素，但没有看到任何变化：P…要在桌面浏览器中进行测试，您需要调整媒体查询，将

设备宽度

更改为

宽度

，并移除

方向

检测。下面是一个模拟iPad屏幕大小768 x 1024的例子。调整浏览器窗口的大小，您会注意到背景颜色从绿色变为红色。

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
    and (orientation: portrait) {
    /* iPad Portrait Mode */

    .showcase-arrow-next {
        ...
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
    and (orientation: landscape) {
    /* iPad Landscape Mode */

    .showcase-arrow-next {
        ...
    }
}