了解Viewport的桌面，Ipad，平板电脑，手机网站页面

Question

我想知道我们如何知道用户是从 IPAD DEKTOP 还是 PHONE 进入网站页面。我查看了互联网上的一些信息，但我仍然不太了解这里是我所知道的：从Question do <meta name="viewport" content="width=880px, initial-scale=1.0, user-scalable=1;" />返回设备的宽度是多少？我如何知道它所使用的设备并使用该样式表？

Answer 1

您必须使用媒体查询（https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries）来应用不同的样式。这就是响应式设计的工作原理。它不是为不同的设备应用不同的样式表。

媒体查询可能如下所示：

p {font-size: 1em;}
@media (min-width: 30em) {
    p {font-size: 1.5em;}
}

对于宽度超过30em的设备，字体大小会更大。

meta viewport不符合您的想法，而是用于在移动设备上设置视口宽度。