Question

我需要帮助。我只是一个编写网页的初学者，所以我希望我的问题不是愚蠢的。问题是，我的页面在第一次尝试移动设备时没有加载。（在台式PC上它可以正常工作）。我会给你一些背景知识，在这个问题发生之前我做了哪些步骤。

我创建了在页面开头加载灯箱脚本的网站。（我已经调整了脚本以便在手机上以较低的分辨率工作）当它在移动设备上打开时，它使它工作不正常。窗户不适合屏幕等。
我已经通过将脚本放在html主体的末尾来解决了这个问题。灯箱现在运行良好，但带有图库的页面在第一次尝试时不会打开。我必须刷新页面然后页面正常显示并且没有问题。
我一直在通过整个网络寻找这个问题的可能解决方案，但没有成功。
- 我正在附加我的代码（我已经避免了一些元标记，带有文本的段落，导航工具栏等，以缩短它并使您更容易阅读并解码问题。

我会很高兴能得到任何帮助。：）非常感谢。请通过我的电子邮件告知我，回答问题或我的问题有问题。

<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>...</title>

    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    <link rel="canonical" href="http://www.merryberry.eu/galerie.html">
    <link href="jquery-mobile/jquery.mobile.theme-1.3.0.min.css" rel="stylesheet" type="text/css">
    <link href="jquery-mobile/jquery.mobile.structure-1.3.0.min.css" rel="stylesheet" type="text/css">
    <link href="stylesheetmobil.css" rel="stylesheet" type="text/css">

    <script src="jquery-mobile/jquery-1.11.1.min.js"></script>
    <script src="jquery-mobile/jquery.mobile-1.3.0.min.js"></script>
  </head>
  <body>
    <div class="Body">
      <div class="header">
        <div class="menu">
          <nav id="primary_nav_wrap"> </nav>
        </div>
      </div>

      <div class="picture">
        <img src="Images/barvenidekorace.jpg" style="width: 100%; height: auto;">
      </div>
      <div class="text"></div>
      <div class="footer"></div>
    </div>

    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>

  </body>

</html>

页面上的脚本 - 页面在第一次尝试时不会打开

0 个答案: