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

查看:109
本文介绍了响应CSS - 目标1024 x 768仅屏幕尺寸的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我已经建立了一个响应式网站,在所有屏幕尺寸上都可以正常工作,禁止使用1024 x 768(平板电脑横向)。

我正在寻找特定的CSS

解决方案

用于桌面:

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

适用于平板电脑:

  @media(min-device-width:769px)and(max-device-width:1024px){
//您的代码
}
pre>

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

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

解决方案

Use for desktop:

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

Use for tablet:

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

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

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆