向移动用户显示特殊消息（html / js）

Question

我可以使用特殊的html / javascript代码吗？所以我基本上有一个非移动优化的网站。我想向使用移动设备浏览我网站的用户显示简单的单行消息。该消息应仅向移动用户显示。

非常感谢您的帮助！ :) 感谢

Answer 1

您应该查看CSS的媒体查询。基本上，您可以指定最大/最小宽度，然后创建仅在这些宽度上可见的类。

例如：

.mobileView {
    display: none;
}

@media (max-width: 767px) {
    .mobileView {
        /* CSS here */
    }
}

请注意，您可以根据需要调整宽度。这是一个快速source，可以帮助您入门。