我遇到了问题，如果我通过https协议调用它，我的网站会有所不同。更准确地说，它看起来像是以不同的方式处理CSS。
我想要的（以及它如何通过http实际运作）是一种带有不同标签的导航。这是导航部分的图像：
http navigation
以下是通过https调用时的样子图片：
https navigation
我也在网站的这一部分创建了一个小提琴，尽管它在小提琴中没有正确的工作。 （也许是因为jsfiddle网站也是通过https协议？） Fiddle
但是，请查看当前网站以了解其中的差异： 这是通过http的网站： http website
以及通过https调用它时的样子： https website
你们有过类似的问题或任何想法如何解决它？ 我认为该协议不应该有所作为。
答案 0 :(得分：1)
看看你的控制台。
如果您使用Chrome，则会看到很多Mixed Content错误或警告。
当通过HTTPS提供网站时，其所有资源也必须通过HTTPS提供。当资源未通过HTTPS加载时，浏览器将阻止它，否则它将无法使用HTTPS。
当一个资源被阻止时，这些资源中的内容将不会被执行。也许这就是你的布局因为某些事情没有被正确执行而中断的原因。
因此，请尝试将资源更改为HTTPS协议。如果您使用的API并且这些API不提供HTTPS链接，那么您应该寻找另一个API。
在你的情况下
这是罪魁祸首。
http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic
您可以在head部分找到它。
您的字体应该在Source Sans Pro，但由于它已被屏蔽，因此使用了Helvetica或Arial。从而打破了布局。
将其更改为HTTPS，它应该没问题。
答案 1 :(得分：-2)
我对HTTP请求了解不多，但我可以告诉你两件事： - 浏览器以不同方式级联和解析CSS。 HTTPS请求以不同方式处理。也许检查你级联。 - 该网站看起来不错