隐藏在iPad上的CSS元素
隐藏在iPad上的CSS元素
提问于 2016-02-18 14:36:23
我创建了两个css类(隐藏桌面和隐藏移动)，以便根据用户是在桌面还是移动设备上有选择地隐藏元素。
但我注意到，尽管在桌面、移动和横向方向上工作得很好，但这两个类的元素都不会在iPad上以纵向方向显示。有没有人对如何克服这一问题有任何建议？
@media only screen and (min-width: 768px) {
.hidedesktop{ display: none; }
}
@media (max-width: 768px) {
.hideonmobile{ display: none; }
}回答 2
Stack Overflow用户
回答已采纳
发布于 2016-02-18 14:39:17
试一试
@media screen and (min-width: 768px) {
.hidedesktop{ display: none; }
.hideonmobile{ display: block; }
}
@media screen and(max-width: 768px) {
.hideonmobile{ display: none; }
.hidedesktop{ display: block; }
}Stack Overflow用户
发布于 2016-02-18 14:44:38
这两个媒体查询都将隐藏768 at的元素。受min-width媒体查询影响的第一个值是768 of，max-width媒体查询的最后一个值是768 of。
将移动最大宽度设置为767 so，将桌面最小宽度设置为更大的大小，即992 so，这样您的媒体查询就变成了
@media screen and (min-width: 992px) {
.hidedesktop{ display: none; }
}
@media screen and(max-width: 767px) {
.hideonmobile{ display: none; }
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35484353
复制相关文章
相似问题
腾讯云开发者
