有没有办法制作仅限桌面的CSS规则？

Question

我发现我的Droid最大宽度为800像素,我认为一些低分辨率的计算机小于,但我希望我的Droid能够显示移动CSS,所以我不确定最大设备宽度是最佳解决方案.那么有人知道我如何设计我的CSS链接标签,以便移动CSS仅由智能手机使用,而桌面CSS仅由台式计算机使用(包括宽度低于800px的那种)？

Answer 1

响应式Web设计,使用媒体查询

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

Answer 2

我尝试了上面的解决方案，但它们在横向模式下不适用于 iPad。iPad 横向为 1024 像素。所以我的解决方案是：

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

Answer 3

@media (pointer: fine) {
    body {
        background-color: red;
    }
}