Javascript 引导CSS仅在PC web浏览器中工作，而不在移动浏览器中工作_Javascript_Html_Css_Bootstrap 4

Javascript 引导CSS仅在PC web浏览器中工作，而不在移动浏览器中工作

javascript html css bootstrap-4

Javascript 引导CSS仅在PC web浏览器中工作，而不在移动浏览器中工作,javascript,html,css,bootstrap-4,Javascript,Html,Css,Bootstrap 4,我不熟悉引导框架。我有一个在浏览器中看起来像这样的网站。。。但这在移动浏览器上我读到的所有堆栈帖子都说问题出在viewport meta标记上，但我相信我是正确的，下面是我代码的标题 <head> <title> Matt & El </title> <meta charset="utf-8"> <meta name="viewport" content=&quo

我不熟悉引导框架。我有一个在浏览器中看起来像这样的网站。。。

但这在移动浏览器上

我读到的所有堆栈帖子都说问题出在viewport meta标记上，但我相信我是正确的，下面是我代码的标题

<head>
    <title> Matt & El </title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>


马特和埃尔酒店

还有什么别的想法吗？我可以提供完整的源代码，如果需要的话。作为参考，我的浏览器是google chrome，我已经尝试了Safari和Bing两种移动浏览器。谢谢。

您正在从不安全的位置（

http

）而不是从

https

加载引导内容。当页面本身是

https

（手机屏幕截图上的锁定符号表示）时，现代浏览器不允许从不安全的来源加载内容

因此，将

http

替换为

https

（maxcdn将请求重定向到

https

）：


马特和埃尔酒店

他可能应该使用协议相关URL，对吗

//maxcdn.bootstrapcdn.com

而不是

https://maxcdn.bootstrapcdn.com

或

http://maxcdn.bootstrapcdn.com

在一个安全的环境中，从

https

明确请求从来都不是一个坏主意。100%正确且良好的做法，但我们不确定他的站点是否提供该站点的http和https版本。这是我问的唯一原因。完美，这正是我想要的修复方法。