我想在我的平板电脑和移动设备页面上隐藏特定元素。所以我用了:
@media (max-width: 991px) {
.popup_overlay {
display:none !important;
}
}
当我从分辨率为 1920x1080 的手机打开网页时出现问题,元素出现但未正确显示,因为 div 未针对小屏幕进行优化。
有什么建议可以正确地做到这一点吗?
最佳答案
您可以添加到您的媒体查询以定位具有最小分辨率和设备像素比的像素密度非常高的手机和平板电脑。
在此处查看更多相关信息:http://css-tricks.com/snippets/css/retina-display-media-query/
关于css - 使用媒体查询定位平板电脑和移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27675902/