Galaxy S7 上的媒体查询
Media querys on Galaxy S7
好的，我使用 Galaxy S7 在同一台服务器上托管的两个不同站点上进行了这些媒体查询
@media only screen and (min-width:501px) and (max-width: 999px) {
}
@media only screen and (max-width: 500px) {
}
在一个站点上，它在横向移动设备视图中以纵向平板电脑视图完美运行，在计算机上它使用默认视图，但在另一个站点上它始终处于平板电脑视图中，我终生无法进入500 像素或更小的移动视图。现在，为什么它在我编写的一个站点上可以完美运行，但在另一个站点上却不能运行，而且总是在平板电脑视图中？
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
请在您的 head 标签内添加 meta 标签。
原因：
使用 <meta> 浏览器现在可以控制页面的尺寸
width=device-width : 浏览器根据设备的屏幕宽度设置页面宽度。
好的，我使用 Galaxy S7 在同一台服务器上托管的两个不同站点上进行了这些媒体查询
@media only screen and (min-width:501px) and (max-width: 999px) {
}
@media only screen and (max-width: 500px) {
}
在一个站点上，它在横向移动设备视图中以纵向平板电脑视图完美运行，在计算机上它使用默认视图，但在另一个站点上它始终处于平板电脑视图中，我终生无法进入500 像素或更小的移动视图。现在，为什么它在我编写的一个站点上可以完美运行，但在另一个站点上却不能运行，而且总是在平板电脑视图中？
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
请在您的 head 标签内添加 meta 标签。
原因：
使用 <meta> 浏览器现在可以控制页面的尺寸
width=device-width : 浏览器根据设备的屏幕宽度设置页面宽度。