我首先以HTML5 / CSS3进行响应。我束手无策：我毫无疑问地理解了使用媒体查询来加载CSS或其他方法所需的分辨率。
我这样做：
<meta name="viewport" content="width=device-width, initial-scale=1, minim-
scale=1 maximum-scale=1" /
<link href="estilosGranResolucion.css" rel="stylesheet" type="text/css"
media="screen and (min-width: 700px)"/>
好吧，在PC上带有开发者选项的Chrome浏览器中，我看到了完美的外观，在窗口宽度为700像素时，外观会发生变化。好吧，如果我在PC移动仿真器（歌剧移动仿真器）上进行尝试，我会发现直到1049年它都不会改变。
如果我输入“最小宽度：600像素”，它最多不会更改为899像素。 （在移动模拟器中）
如果我输入“最小宽度：1000像素”，它最多不会更改为1499像素。 （在移动模拟器中）
换句话说，看到的“偏移”甚至不是恒定的。好像总是向我添加的内容添加数量，但是分辨率越高，更改之前添加的内容就越多。
为什么它在移动仿真器中没有更改为应该更改的分辨率，而在PC中是？我还尝试了在普通手机上进行的操作，
事实是我坚持下去。
在chrome pc上效果很好，我可以看到在700px时更改了CSS。 但是不能在Opera模拟器手机或真实电话中使用。
在移动运营商中，更改CSS的步骤是：
如果我输入“最小宽度：700像素”，它最多不会更改为1049像素。 （在移动模拟器中）
如果我输入“最小宽度：600像素”，它最多不会更改为899像素。 （在移动模拟器中）
如果我输入“最小宽度：1000像素”，它最多不会更改为1499像素。 （在移动模拟器中）
这对我来说很奇怪，但这是我的第一个自适应设计。
谢谢。
另一个问题是，如果我使用仿真器，它会起作用，如果将仿真器水平放置，我会看到设计变为响应式，但在实际的移动设备中，它不会更改！仿真器和真正的移动设备一样具有全高清功能。
网络是：
instituto-torreblanca.000webhostapp.com
菜单以特定分辨率从垂直更改为水平，但不适用于真正的移动全高清。
EDIT :::::::::::::::::::::::::::::::::::::::::::
对不起，我现在看到对于代码来说，必要的是4个空格。现在您可以看到代码了。并固定在第一篇文章中。
<meta name="viewport" content="width=device-width, height = device-height,
target-densitydpi=device-dpi, user-scalable=no, initial-scale=1, minim-
scale=1 maximum-scale=1" />
<link href="estilosGranResolucion.css" rel="stylesheet" type="text/css"
media="screen and (min-width: 1000px)"/>
<link href="estilosMedianaResolucion.css" rel="stylesheet" type="text/css"
media="screen and (min-width: 300px) and (max-width: 999px)"/>
在chrome pc上效果很好，我可以看到在700px时更改了CSS。但是不能在Opera模拟器手机或真实电话中使用。
在移动运营商中，更改CSS的步骤是：
如果我输入“最小宽度：700像素”，它最多不会更改为1049像素。 （在移动模拟器中）
如果我输入“最小宽度：600像素”，它最多不会更改为899像素。 （在移动模拟器中）
如果我输入“最小宽度：1000像素”，它最多不会更改为1499像素。 （在移动模拟器中）
这对我来说很奇怪，但这是我的第一个自适应设计。
谢谢。
另一个问题是，如果我使用仿真器，它将正常工作，如果将仿真器置于水平区域，我可以看到设计更改为响应式，但是在实际的移动设备中，设计不会更改！仿真器与真正的移动设备一样具有全高清效果。
网络是：
instituto-torreblanca.000webhostapp.com
菜单在特定分辨率下从垂直更改为水平，但不适用于真正的移动全高清。
EDIT ::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::。
我可以看到，如果实际移动设备中的浏览器是否具有“桌面”选项，则功能会有什么不同。在每种模式下，width = device-width的工作方式都不同。
我不知道该怎么办。
在进行大量测试之前，我可以看到meta标签中的1个移动像素不是1个像素。
答案 0 :(得分：0)
尝试在末尾添加初始音阶，您可能需要稍微增加一下数字。 EX>
您也可以尝试最小比例和/或最大比例。
它也可能是您正在使用的设备。
答案 1 :(得分：0)
1）一个典型的针对移动设备进行优化的网站包含以下内容：
<meta name="viewport" content="width=device-width, initial-scale=1">
initial-scale属性控制页面首次加载时的缩放级别。 maximum-scale，minimum-scale和user-scalable属性控制如何允许用户放大或缩小页面。
2）如果您想尝试另一种选择：
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi, user-scalable=no, initial-scale=.51, maximum-scale=0.51, minimum-scale=0.51"/>
3）许多智能手机通过将初始比例和最小比例值设置为0.86来进行小缩放。结果是可以在任何方向上抑制水平滚动，并且用户可以根据需要进行放大。
<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=3.0, minimum-scale=0.86">