Question

当我在本地计算机上进行开发时，$（window）.width（）返回〜1900px，当我将其推送到GitHub页面时，该值为〜1200px（即使它在同一浏览器窗口中））。

到目前为止我尝试过的是： *我已经阅读并实现了有关style.scss和默认主题的各种技巧，但似乎没有影响。 *我还清除了应用程序缓存，进行了硬刷新 *使用提交消息来确保我正在寻找正确的版本。

这是一个单一的平面页面，因此理想情况下将其按原样呈现（没有Jekyll主题或其他内容）。

这是已发布的GitHub页面： https://greennomad424242.github.io/3d_data_viewer/?version=f13a77d

Answer 1

结果证明我的原子实时服务器将代码（包括在下面）注入HTML，而开发代码中未显示该更改。

我不清楚为什么这会改变显示的窗口宽度，但这似乎是根本原因。

<!-- Code injected by live-server -->
<script type="text/javascript">
// <![CDATA[  <-- For SVG support
if ('WebSocket' in window) {
    (function() {
        function refreshCSS() {
            var sheets = [].slice.call(document.getElementsByTagName("link"));
            var head = document.getElementsByTagName("head")[0];
            for (var i = 0; i < sheets.length; ++i) {
                var elem = sheets[i];
                head.removeChild(elem);
                var rel = elem.rel;
                if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
                    var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, '');
                    elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
                }
                head.appendChild(elem);
            }
        }
        var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
        var address = protocol + window.location.host + window.location.pathname + '/ws';
        var socket = new WebSocket(address);
        socket.onmessage = function(msg) {
            if (msg.data == 'reload') window.location.reload();
            else if (msg.data == 'refreshcss') refreshCSS();
        };
        console.log('Live reload enabled.');
    })();
}
// ]]>

在GitHub Pages上固定Jekyll主题的页面宽度

1 个答案: