Question

我想在平板电脑和移动设备的页面上隐藏特定元素。所以我用过：

@media (max-width: 991px) {

.popup_overlay {
    display:none !important;
}
}

当我从我的手机打开网页时出现问题，该网页的分辨率为1920x1080且元素出现但由于div未针对小屏幕进行优化而无法正确显示。

有任何建议如何以正确的方式做到这一点？

Answer 1

您可以添加到媒体查询，以最低分辨率和设备像素比率定位非常高像素密度的手机和平板电脑。