Question

我对一个奇怪的情况感到困惑，我不知道这是否是一般情况，所以请原谅我是否完全正常。我有一个几乎在所有桌面分辨率下工作正常的页面。但是，当我在移动视图中检查页面时，第一次设计中断了。然后，如果我刷新页面一切正常。之后，由于页面在浏览器缓存中，问题解决了。可能是这个问题的原因。提前谢谢。

我在页脚加载jquery-1.11.1.min.js并加载bootstrap.min.js

之前为我的页面加载以下特定脚本

    <script>
        $(document).ready(function () {
            $(".clsIPArtGalUL li:nth-child(1)").addClass("width-2x");
            $(".clsIPArtGalUL li:nth-child(4)").addClass("width-2x");

        });
    </script>

Answer 1

这可能是因为你的jQuery代码没有响应window.onresize

如果为页面调整大小时要运行的所有代码添加一个名为resize()的函数，请在以下情况下使用此代码调用它：

window.onresize = resize(); // The window is resized
resize(); // When this code is executed.

更新：有一个问题，您可以使用：

.clsIPArtGalUL li:nth-child(1),
.clsIPArtGalUL li:nth-child(4) {
  /* .width-2x code here */
}

CSS往往会减少移动设备与桌面设备的错误。

页面设计首次在移动视图中中断

1 个答案: