css - 如何知道用户是否在css中使用移动设备？

Question

如何在 CSS 中知道用户是否在移动设备上？我正在制作一个移动探测器，但我不知道如何在移动设备上了解用户。你能帮助我吗？

标签： cssmobile

Answer 1

如果我理解正确，您需要使该p标签在手机上消失，这相当简单。只需在前一个媒体查询之上添加另一个媒体查询，但其max-width大小为 767px，如下所示：

    @media only screen and (max-width: 767px) {
        p {
            display: none;
        }
    }
    @media only screen and (min-width: 768px) {
        p {
            display:block;
        }
    }

现在，该p标签将在移动视图中不可见，但在 767 像素以上的屏幕上可见。