исправление ширины страницы тем Jekyll на страницах GitHub

Question

Когда я делаю dev на моей локальной машине, $ (window) .width () возвращает ~ 1900px, когда я помещаю его на страницы GitHub, значение составляет ~ 1200px (даже если оно находится в том же окне браузера).

То, что я пробовал до сих пор: * Я прочитал и реализовал различные советы о style.scss и темах по умолчанию, но, похоже, это не оказывает влияния.* Я также очистил кэш приложения, выполняя жесткое обновление * Я использую сообщение коммита, чтобы убедиться, что я смотрю правильную версию.

Это отдельная плоская страница, поэтому в идеале она должна отображаться как есть (без темы Jekyll или чего-либо еще).

Вот опубликованная страница GitHub: https://greennomad424242.github.io/3d_data_viewer/?version=f13a77d

Answer 1

Оказывает, что мой атом live-сервер внедряет код (включенный ниже) в HTML, и это изменение не отображается в коде dev.

Мне непонятно, почему это изменит проявленную ширину окна, но, похоже, это основная причина.

<!-- 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.');
    })();
}
// ]]>