有沒有辦法讓桌面只有CSS規則？

Question

我發現我的Droid的最大寬度爲800像素，我認爲一些分辨率較低的電腦比它小，但我希望我的Droid顯示手機CSS，因此我不確定最大設備寬度是否是最佳解決方案。那麼是否有人知道我如何設計我的CSS鏈接標籤，以便移動CSS僅由智能手機使用，而桌面CSS僅由臺式計算機使用（包括寬度小於800像素的種類）？

Answer 1

將CSS放入PHP頁面，該頁面從環境變量中檢測瀏覽器/設備並提供正確版本的CSS。

Answer 2

自適應網頁設計，使用媒體查詢

@media screen and (min-width: 800px) { 
    // this css will only be used when the screen size is min 800px 
} 

Answer 3

移動和桌面設備之間的差距越來越接近 - 考慮，例如片劑或最近新的混合設備。

正如Aaron指出的那樣，您可能希望根據設備屏幕（最小寬度或最大寬度）定義不同的規則。例如：

@media screen and (min-width: 800px) { 
    // this css will only be used when the screen size is min 800px 
} 

你可能要使用不同的標準是基於在其屏幕的功能定位設備：

• Touchscreen media-queries

Answer 4

我嘗試了上述解決方案，但他們沒在橫向模式下不適用於iPad。 iPad風景是1024 px。 所以我的解決方案是：

@media only screen and (min-width: 1025px) { 
     .myClass { 
      /*...your desktop-only style...*/ 
     } 
    }