响应式 CSS - 仅目标 1024 x 768 屏幕尺寸 [英] Responsive CSS - Target 1024 x 768 Screen Size Only

问题描述

我建立了一个响应式网站，除了 1024 x 768(平板电脑横向)外，在所有屏幕尺寸上都能正常工作

I have built a responsive site, Works fine on all screen sizes barring the 1024 x 768 (Tablet Landscape)

我正在寻找特定的 CSS(或对 JS 开放)以定位 1024 x 768 屏幕.

I am looking for specific CSS (or am open for JS) to target a 1024 x 768 screen.

推荐答案

用于桌面:

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

用于平板电脑:

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

这篇关于响应式 CSS - 仅目标 1024 x 768 屏幕尺寸的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！