如何停止显示网页?

例如:假设我只为移动版本设计了一个网站,并且如果我尝试切换到台式机。我该如何发出警告,说“只能在移动设备上观看”或其他?

评论
柯南
柯南

您可以为此使用CSS媒体查询:

@media only screen and (max-width: 768px) {
    /*something*/
}

每个宽度为0像素到768像素的设备都将获得该规则集中的样式。

或者,如果要显示JS警报,则可以使用JS。

Here is and MDN doc of the topic: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

点赞
评论