为什么添加域后我的网站不再响应？答案

【问题标题】：Why isn't my website responsive anymore after adding domain?为什么添加域后我的网站不再响应？
【发布时间】：2020-03-10 21:40:28
【问题描述】：

我为我所在城镇的一个活动制作了一个简单的网站，它托管在 Amazon 的 AWS Amplify 上。起初没有与之耦合的自定义域，因此域名是一些随机的 url。在此网址上，该网站适用于网络和移动设备。但后来我问以前的域所有者是否可以将自定义域耦合到这个站点。他做到了，但是当我在手机上打开该网站时，它不再响应，它的显示方式与在网络上的显示方式相同。然后我检查了 AWS Amplify 控制台，发现 SSL 验证失败。我认为它只会导致网站是 hhtp 而不是 hhtps，但这个问题可能与此有关吗？或者问题可能是 dns 文件中的设置或其他什么？

我看到一些类似的问题是因为没有添加这一行：

<meta name="viewport" content="width=device-width, initial-scale=1">

但是我用 Angular 制作了这个网站，这行会自动添加到 index.html 文件中。

我之前的响应式网站：https://master.dkog5qeqqzcy6.amplifyapp.com/

无响应的网站：http://www.tongerloleeft.be/

提前致谢。

【问题讨论】：

在 iframe 中是一个大问题，会对其产生很大影响。如果您可以尝试将其取出并使用裸代码。
我会问域名所有者是否可以更改它，谢谢

标签： html angular dns aws-amplify

【解决方案1】：

控制台看起来很干净，我的页面似乎是响应式的（使用 chrome、Firefox 和 Chrome Edge 桌面版本。）

它在原生 Andriod 上没有响应，因为@media 屏幕尺寸似乎响应小于 640，而移动设备的默认视口为 640，因此它永远不会受到影响。

还有.....为什么要在框架集中运行它？

<frameset rows="100%,0" border="0" frameborder="0" framespacing="0" framecolor="#000000">
        <frame src="https://master.dkog5qeqqzcy6.amplifyapp.com">
    </frameset>

我会说这就是问题所在。第二次查看后不是视口大小。

【讨论】：

我不是将域添加到网站的人，但我会询问所有者是否可以更改它以使其不在框架集中。希望这就是问题所在，谢谢。

【解决方案2】：

如果我建议更新它，您可能正在使用 Microsoft Edge Legacy，这对我来说也是响应式的。我刚刚使用新的 Microsoft Edge 和 Chrome 来查看它。

您可以在此处更新： https://www.microsoft.com/en-us/edge

您还可以使用（如果您尚未使用）Chrome 和 Edge 中的开发者工具来查看设备的屏幕尺寸。可以使用快捷键Ctrl、Shift、I

【讨论】：

它在我的浏览器中也能响应我，但在我的手机上却没有
您是否尝试过使用开发者工具并将其设置为手机？将来可以提供帮助。