有没有一种方法可以创建仅限桌面的CSS规则？
提问于 2011-07-22 18:50:21
我发现我的Droid的最大宽度是800像素，我认为一些较低分辨率的电脑比这个更小，但我希望我的Droid能显示移动CSS，所以我不确定最大设备宽度是最好的解决方案。所以有谁知道我是如何设计我的CSS链接标签的，使得移动CSS只被智能手机使用，而桌面CSS只被台式电脑使用(包括宽度小于800px的那种)？
回答 4
Stack Overflow用户
发布于 2011-07-22 18:53:21
响应式网页设计，使用媒体查询
@media screen and (min-width: 800px) {
// this css will only be used when the screen size is min 800px
}Stack Overflow用户
发布于 2016-05-25 11:51:54
我尝试了上面的解决方案，但它们不适用于横屏模式中的iPad。iPad景观是1024像素。所以我的解决方案是：
@media only screen and (min-width: 1025px) {
.myClass {
/*...your desktop-only style...*/
}
} Stack Overflow用户
发布于 2020-08-31 16:29:42
@media (pointer: fine) {
body {
background-color: red;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6794683
复制相关文章
腾讯云开发者
