我在 github-pages 上创建了一个用户站点。对于布局，我使用 yui来指定比例。当在本地查看时(在浏览器中打开index.html)，布局似乎呈现正确，但从 deployed github-pages 打开时，布局不正确。 .
例如，我指定第一部分应使用 class="yui-gc" ，分别是 2/3 到 1/3 的比例。在同一浏览器中本地(左)与部署(右)
然后我指定其余部分应使用 class="yui-gf" ，分别是 1/4 到 3/4 的比例。本地(左)与部署(右)相同的浏览器
知道为什么部署到 github-pages 时布局会发生变化吗？我可以在 css 中指定一些内容以使它们保持一致，最好是在本地呈现的方式一致吗？
最佳答案
当您在 GitHub Pages 上加载网站时打开控制台时，它会显示:
“https://cory-kramer.github.io/”页面已通过 HTTPS 加载，但请求了不安全的样式表“http://yui.yahooapis.com/2.7.0/build/”重置字体网格/重置字体网格.css'。该请求已被阻止；内容必须通过 HTTPS 提供。
当您的网站(GitHub 页面)使用 HTTPS 时，您正在请求通过 HTTP 提供的文件。出于安全目的，浏览器不允许这样做。
因此，yui CSS 文件未加载，并且您的布局会中断。
据我所知，yahooapis(您正在使用的)不提供其 CDN 的 HTTPS 版本，您应该更容易复制该文件并将其添加到您的 GitHub 存储库，然后相对地引用它(正如您对 resume.css 文件所做的那样)
作为旁注:当您在计算机上测试时，它可以在本地运行，因为当您打开它时，它不使用 http 协议(protocol)(网址应以 file:// 开头，而不是 http://)，因此您可以请求非安全的 http 文件。
关于html - github-pages 上的页面布局呈现不同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64537558/