响应式CSS - 目标1024 x 768屏幕尺寸

Question

我已经建立了一个响应式网站，在禁止1024 x 768（平板电脑风景）的所有屏幕尺寸上正常工作

我正在寻找特定的CSS（或者我是开放的JS）来定位1024 x 768的屏幕。

Answer 1

用于桌面：

@media (min-width:769px) and (max-width:1024px){
    // your code
}

用于平板电脑：

@media (min-device-width:769px) and (max-device-width:1024px){
    // your code
}

Answer 2

您可以像这样使用媒体查询

@media (min-width:769px) and (max-width:1024px) {
    //css stuffs here
}

如果您想要平板电脑风景，这就是方法