2014-01-16 31 views
3

我建立了一個敏感部位,做工精細的所有屏幕尺寸限制的1024×768(平板電腦橫向)響應CSS - 目標1024×768屏幕尺寸只有

我要找特定的CSS(或者是開放的JS)瞄準一個1024 x 768屏幕。

+0

出於我的好奇:爲什麼你需要在不同的設備上有相同的分辨率不同的CSS? – fcalderan

+0

爲您的媒體樣式表添加更具體的大小斷點,目前有哪些斷點? – MackieeE

+0

@FabrizioCalderan我正在展示和隱藏一些響應圖像的邏輯。 1024不是很符合桌面視圖。 – StuBlackett

回答

9

使用桌面方式:

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

使用平板電腦:

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

您可以使用媒體這樣的查詢

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

這是,如果你想平板景觀

+0

桌面css樣式使用此代碼更改是不是? –