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

Question

我为我镇上的一个活动制作了一个简单的网站，它托管在 Amazon 的 AWS Amplify 上。起初没有与之耦合的自定义域，因此域名是随机的 url。在这个 url 上，该网站适用于网络和移动设备。但后来我问以前的域所有者他是否可以将自定义域耦合到该站点。他做到了，但是当我在 phone 上打开网站时，它不再有响应，它的显示方式与在网络上相同。然后我检查了 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/

提前致谢。

Answer 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>

我会说这就是问题所在。再看一遍不是视口大小。

Answer 2

它对我也很敏感，如果是的话，你可能正在使用 Microsoft Edge Legacy，我建议更新它。我刚刚使用新的 Microsoft Edge 来查看此内容以及 Chrome。

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

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

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

Why isn't my website responsive anymore after adding domain?

html

dns

angular

aws-amplify