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

Question

如何知道用户是否在移动端使用CSS？ 我正在制作移动检测器，但我不知道如何了解移动设备上的用户。你可以帮我吗？

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 像素以上的屏幕上可见。