我尝试在Stackoverflow上阅读所有答案，但我仍然没有找到任何解决方案。我的网站在移动设备上无法正常工作（实际上是iOS 7 - safari;以及最后的Android - Chrome）：崩溃，导航栏，jQuery ......？
我现在唯一怀疑的是Dropbox托管，但我仍然没有找到原因，因为我指向位于dropbox空间公共文件夹中/ js文件夹中的相关js文件。我应该拨打任何额外的代码吗？
这是我的代码：
body{
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
text-align: left;
font-size: 14px;
line-height: 17px;
word-wrap: break-word;
}
.container{
width: 100%;
padding-bottom: 40px;
}
.container.biography{
margin-top: 160px;
}
/** Titulo principal **/
.title{
line-height: 32px;
font-size: 27px;
color: #6B6B6B;
font-family: source-sans-pro,sans-serif;
font-weight: 200;
margin-bottom: 0;
margin-top: 0;
}
/* Header */
header{
background: #fff;
position: fixed;
top: 0;
padding-top: 25px;
width: 100%;
min-height: 146px;
float: left;
z-index: 1030;
}
.menu-principal li a{
font-size: 12px;
color: #6B6B6B;
line-height: 14px;
letter-spacing: 3px;
text-align: center;
font-family: raleway,sans-serif;
font-weight: 300;
font-style: normal;
}
.menu-principal li a:first-child{
margin-left: -13px;
}
.menu-principal li a:hover,
.menu-principal li a:hover{
color: #000000;
background-color: #FFF;
}
.menu-principal .open > ul {
display: inline-flex !important;
}
.menu-principal.nav .open>a,
.menu-principal.nav .open>a:hover,
.menu-principal.nav .open>a:focus {
background-color: #FFF;
border-color: transparent;
}
/** Sub-menus **/
.menu-principal.biography{
float: left;
width: 100%;
margin-left: 84px;
margin-top: -10px;
}
.menu-principal.catalogue{
width: 100%;
float: left;
margin-left: 200px;
margin-top: -10px;
}
/* End Header */
.img-category{
width: 100%;
float: left;
margin-top: 160px;
height: 400px;
background-position: center 0px;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.image-biography{
z-index: 18;
width: 544px;
border-style: none;
border-color: transparent;
position: fixed;
margin-left: 35px;
margin-top: 30px;
}
.bio-img{
height: 402px;
}
.content-btn{
width: 100%;
float: left;
}
.download-bio{
border: 1px solid #8C8C8C;
padding: 10px;
margin: 10px 0 0 40%;
float: left;
color: #3C3C3C;
font-size: 14px;
letter-spacing: 1px;
text-align: center;
}
.download-bio:hover{
background-color: #D3D3D3;
border-color: #8C8C8C;
color: #fff;
text-decoration: none;
}
/**** Sections and articles ***/
.title-article{
color: #7F7F7F;
font-family: raleway,sans-serif;
font-size: 38px;
text-align: left;
line-height: 46px;
letter-spacing: 4px;
font-weight: 300;
font-style: normal;
padding-top: 15px;
padding-bottom: 20px;
text-transform: uppercase;
}
.agenda-article,
.biograhaphy-article,
.publications-article{
padding-left: 5%;
}
.agenda-article p,
.biograhaphy-article p{
font-size: 14px;
color: #515151;
text-align: justify;
font-family: raleway,sans-serif;
font-weight: 300;
padding-bottom: 34px;
}
.publications-article p{
width: 80%;
float: left;
font-size: 14px;
color: #515151;
text-align: justify;
font-family: raleway,sans-serif;
font-weight: 300;
padding: 4px 0 0 0;
}
.biograhaphy-article p{
padding-bottom: 15px;
}
/*** Contact ***/
.contact{
width: 100%;
float: left;
margin-top: 60px;
}
.form-contact .title{
width: 100%;
margin-bottom: 30px;
}
.form-contact .email{
color: #515151;
font-size: 14px;
letter-spacing: 0px;
text-align: justify;
font-family: raleway, sans-serif;
font-weight: 300;
}
.form-contact .email p{
padding-bottom: 15px;
}
.form-contact .form-control{
border: 1px solid #7F7F7F;
color: #000;
line-height: 16px;
letter-spacing: 2px;
font-family: source-sans-pro, sans-serif;
font-weight: 300;
padding: 20px;
border-radius: 0px;
min-height: 52px;
}
.form-contact .form-control::-webkit-input-placeholder {
color: #000000;
}
.form-contact .form-control:-moz-placeholder { color: #000000; }
.form-contact .form-control::-moz-placeholder { color: #000000; }
.form-contact .form-control:hover{
border-color: #6B6B6B;
background-color: #959595;
color: #fff;
}
.contact-btn{
padding: 10px 20px;
border-radius: 0;
border: 1px solid #7F7F7F;
letter-spacing: 2px;
font-family: source-sans-pro, sans-serif;
font-weight: 300;
}
.logo-editions{
width: 127px;
margin: 0 auto 10px;
}
.data-contact p{
font-family: raleway, sans-serif;
font-weight: 300;
}
.page-editions{
width: 100%;
float: left;
color: #7F7F7F;
text-decoration: underline;
padding-bottom: 20px;
text-align: center;
font-family: raleway, sans-serif;
font-weight: 300;
}
.page-editions:hover,
.page-editions:active{
color: #000000;
text-decoration: underline;
}
.address-info{
padding: 15px 0;
}
.thumbs{
width: 75px;
margin-right: 15px;
float: left;
}
.disco{
width: 100%;
float: left;
padding: 10px 0 10px 0;
}
strong em,
em strong{
font-weight: 700;
}
.nav-collapse {height: auto;}
.navbar.navbar-default.navbar-fixed-top,
#back-to-top{
display: false;
}
.back-to-top {
cursor: pointer;
position: fixed;
bottom: 10px;
right: 0px;
display: none;
webkit-box-shadow: 0 1px 6px #8b8b8b;
box-shadow: 0 1px 6px #8b8b8b;
opacity: 0.7;
padding: 10px 13px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
z-index: 100;
}
.back-to-top .glyphicon{
color:#fff;
}
.btn-primary.back-to-top{
background-color: #6B6B6B;
border-color: #6B6B6B;
}
@media all and (min-width: 320px) and (max-width: 768px){
header{ display: none }
.navbar .container{
padding-bottom: 0;
}
.navbar.navbar-default.navbar-fixed-top{
display: block;
}
.navbar-header .title{
padding-left: 15px;
padding-top: 10px;
}
.title a{
color: #6B6B6B;
}
.img-category{
margin-top: 0;
height: 300px;
}
.container.biography,
.contact{
margin-top: 20px;
}
.navbar-default {
background-color: #fff;
border-color: #e7e7e7;
}
.image-biography{
position: relative;
width: 100%;
float: left;
margin: 0;
}
.bio-img {
width: 100%;
height: auto;
}
.agenda-article, .biography-article, .publications-article {
padding-left: 0;
}
}
@media all and (min-width: 481px) and (max-width: 768px){
}
@media all and (min-width: 768px) and (max-width: 992px){
.container.biography,
.contact{
margin-top: 25px;
}
.menu-principal.catalogue {
width: auto;
float: right;
margin-left: 0;
margin-top: -10px;
}
.menu-principal.catalogue li a {
padding: 10px 12px;
}
.container.biography{
margin-top: 155px;
}
.biograhaphy-article{
padding-left: 0;
}
.image-biography{
margin-left: 0px;
overflow: hidden;
max-width: 100%;
width: auto;
}
}
/**** End sections and articles ***/<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html class="no-js" lang="es-ES">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>HOME | carlos d. perales</title>
<meta name="title" content="HOME | carlos d. perales" />
<meta name="description" content="carlos d. perales" />
<meta name="og:title" content="Carlos D. Perales" />
<meta name="og:type" content="article" />
<meta name="og:url" content="http://www.carlosdperales.es/" />
<meta name="og:image" content="http://www.carlosdperales.es/imgs/1.jpg" />
<meta name="og:site_name" content="carlosdperales.es" />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200%7CRaleway:300' rel='stylesheet' type='text/css'>
<!-- Css -->
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/site.css" />
<link rel="stylesheet" href="css/noscript.css" media="screen,all" id="noscript"/>
<!-- End Css -->
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button id="btn-nav-bar" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1 class="title"><a href="index.html" class="nav-page-scroll">carlos d. perales</a></h1>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav" role="menu">
<li>
<a href="index.html#home">HOME</a>
</li>
<li>
<a href="biography.html">BIOGRAPHY </a>
</li>
<li >
<a href="catalogue.html">CATALOGUE </a>
</li>
<li>
<a href="publications.html">PUBLICATIONS</a>
</li>
<li>
<a href="contact.html">CONTACT</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav> <header class="hidden-xs">
<div>
<div class="col-sm-12 col-lg-10 col-lg-offset-1">
<h1 class="title">carlos d. perales</h1>
<nav>
<ul class="nav navbar-nav menu-principal">
<li> <a href="index.html#home">HOME</a> </li>
<li> <a href="biography.html">BIOGRAPHY</a> </li>
<li> <a href="catalogue.html">CATALOGUE</a> </li>
<li> <a href="publications.html">PUBLICATIONS</a> </li>
<li> <a href="contact.html">CONTACT</a> </li>
</ul>
</nav>
<h1 class="title"> </h1>
</div>
</div>
</header><!-- /container -->
<div class="img-category" style="background-image: url('imgs/1.jpg') ;"></div>
<div class="container home">
<section>
<div class="row">
<div class="col-xs-12 col-sm-12 col-lg-9 col-lg-offset-1">
<article class="agenda-article" id="events">
<h1 class="title-article">...NEXT Events</h1>
<p>2016 <br>
Paris, France<br>
<strong>Love portrait</strong>, for Daniel Kientzy & TRIO Fender. Recording & release at SaxoPHONOS.</p>
<p>2016 <br>
Bilbao, Spain<br>
<strong>Chinese garden</strong>, Banda Municipal de Bilbao, J. R. Pascual-Vilaplana.</p>
<p>2016 <br>
Salamanca, Donostia, Pamplona, Spain & Goldsmith's hall, London.<br>
<strong>New piece</strong>, by Julián Elvira and Pilar Fontalba / Christopher Redgate.</p>
<p>20 November 2015 <br>
Valencia, Spain<br>
<strong>17 haiku</strong>, XX Aniversario LEA, Conservatorio Superior de Música Joaquín RodrigoLaboratorio Electroacústica, by Julián Elvira.</p>
<p>12-17 October 2015 <br>
México DF & Querétaro, México<br>
<strong>Retorique</strong>, Fonoteca Nacional, Centro Nacional de las Artes de México, CMMAS, Centro de las Artes, by Xelo Giner & Jenny Guerra.</p>
<p>10 October 2015 <br>
Rafelbunyol, Spain<br>
<strong>Koi-ai</strong>, Proyecto Rafel, by Ensemble d'Arts.</p>
<p>29-2 October 2015 <br>
Lviv, Ukraine<br>
<strong>Butoh</strong>, National Art Gallery, Museum of Ideas "TETRAMATYKA", by Íñigo Ibaibarriaga.</p>
<p>27 September 2015 <br>
Valencia, Spain<br>
<strong>Teatro de sombras</strong>, MUVIM, Electro snare drum, by Sergio Izquierdo.</p>
<p>5 September 2015 <br>
Valencia, Spain<br>
<strong>Three liturgies & Baby squirrel</strong>, SGAE, Indrets sonors, by Víctor Trescolí.</p>
<p>5 September 2015 <br>
Tarragona, Spain<br>
<strong>Prelude nº 5 & nº 10 Debussy/Arr. Perales</strong>, Banda Simfònica de la Diputació de Tarragona, conducted by Salvador Sebastià.</p>
</article>
</div>
</div>
</section>
</div> <!-- /container -->
<a id="back-to-top" href="" class="hidden-md hidden-lg btn btn-primary btn-lg back-to-top" role="button" title="Click to top">
<span class="glyphicon glyphicon-chevron-up"></span>
</a>
<!-- Script -->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/scrolling-nav.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- End Script -->
<!-- End GA ----->
</body>
</html>