Má funcionamento de pagina html em dispositivos apple.
Olá a todos.
Tenho um problema, na minha pagina da Web, em computador e dispositivos androide ela funciona perfeitamente, sem nenhum erro, porém não funciona direito em dispositivos da Apple, os "fa fa icons" do menu e outras utilizações não aparecem, sem falar que a pagina nao carrega o gif de carregamento inicial nem os slides que seguem a pagina, que, como já disse funcionam perfeitamente em computadores e androide.
Segue o código da parte em que se apresenta o erro no html em questão (todas as outras apresentam o mesmo erro):
<!DOCTYPE html>
<html lang=pt>
<head>
<meta charset=UTF-8>
<meta http-equiv=X-UA-Compatible content="IE=edge">
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name=Description content="Qual é a sua visão sobre a web? A Discovery Net oferece serviços de internet e telecomunicação, tendo a seu príncipal escritorio em Sabinópolis - MG, além de internet, também oferece cursos profissionalizantes atrávez da empresa parceira Microlins.">
<meta name=keywords content="conectividade, tecnologia, speedtest, teste de, meta, visão, Planos, agência, corporação, speedtest, teste de conexãp, teste de velocidade, Discovery Net, discovery, net, sabinet, sabinópolis, planos, dineiro, qualnto custa a internet, telecomunicações, blog, blog de internet, web, velocidade, ultravelocidade">
<title>Discovery Net | Uma nova visão sobre a web.</title>
<link rel="shortcut icon" href=assets/images/favicons/favicon.ico>
<link rel=apple-touch-icon sizes=57x57 href=assets/images/favicons/apple-icon-57x57.png>
<link rel=apple-touch-icon sizes=60x60 href=assets/images/favicons/apple-icon-60x60.png>
<link rel=apple-touch-icon sizes=72x72 href=assets/images/favicons/apple-icon-72x72.png>
<link rel=apple-touch-icon sizes=76x76 href=assets/images/favicons/apple-icon-76x76.png>
<link rel=apple-touch-icon sizes=114x114 href=assets/images/favicons/apple-icon-114x114.png>
<link rel=apple-touch-icon sizes=120x120 href=assets/images/favicons/apple-icon-120x120.png>
<link rel=apple-touch-icon sizes=144x144 href=assets/images/favicons/apple-icon-144x144.png>
<link rel=apple-touch-icon sizes=152x152 href=assets/images/favicons/apple-icon-152x152.png>
<link rel=apple-touch-icon sizes=180x180 href=assets/images/favicons/apple-icon-180x180.png>
<link rel=icon type=image/png sizes=192x192 href=assets/images/favicons/android-icon-192x192.png>
<link rel=icon type=image/png sizes=32x32 href=assets/images/favicons/favicon-32x32.png>
<link rel=icon type=image/png sizes=96x96 href=assets/images/favicons/favicon-96x96.png>
<link rel=icon type=image/png sizes=16x16 href=assets/images/favicons/favicon-16x16.png>
<link rel=manifest href=assets/images/favicons/manifest.html>
<meta name=msapplication-TileColor content=#DDC805>
<meta name=msapplication-TileImage content=assets/images/favicons/ms-icon-144x144.png>
<meta name=theme-color content=#9C1106>
<link rel=stylesheet href=assets/lib/bootstrap/dist/css/bootstrap.css>
<link rel=stylesheet href=assets/lib/fontawesome/css/font-awesome.min.css>
<link rel=stylesheet href=assets/lib/ionicons/css/ionicons.css>
<link rel=stylesheet href=assets/lib/owlcarousel/owl-carousel/owl.carousel.css>
<link rel=stylesheet href=assets/lib/owlcarousel/owl-carousel/owl.theme.css>
<link rel=stylesheet href=assets/lib/FlexSlider/flexslider.css>
<link rel=stylesheet href=assets/lib/magnific-popup/dist/magnific-popup.css>
<link rel=stylesheet href="know/fonts.googleapis.com/css7aab.css?family=Raleway:100,300,400">
<link rel=stylesheet href="know/fonts.googleapis.com/css1ec0.css?family=Roboto:100,300,400">
<link rel=stylesheet href=assets/css/main.css>
<link rel=stylesheet href=assets/css/ie_fix.css>
<script src=assets/lib/components-modernizr/modernizr.js></script><script src=assets/lib/jquery/dist/jquery.js></script><script src=assets/lib/bootstrap/dist/js/bootstrap.js></script>
</head>
<!--preloader funciona normalmente-->
<body data-spy=scroll data-target=#main-nav-collapse data-offset=100>
<div class=page-loader>
<div class=loader>Loading...</div>
</div>
<!--fim preloader-->
<nav id=fixedTopNav class="navbar navbar-fixed-top main-navigation">
<div class=container>
<div class=navbar-header>
<!--Esse botão não aparece--><button type=button class="navbar-toggle collapsed" data-toggle=collapse data-target=#main-nav-collapse><span class=sr-only>Toggle navigation</span> <span class=ion-drag></span></button>
<!--logo do menu do site--><div class=navbar-brand itemscope itemtype=https://schema.org/Organization><img alt=discoverynet src=assets/images/intro/logodc.png width=150></div>
</div>
<!--Menu, aparece normalmente, mas temos que clicar numa area invisivel no menu-->
<div class="collapse navbar-collapse" id=main-nav-collapse>
<ul class="nav navbar-nav navbar-right" role=menu>
<li class=dropdown>
<a href=index.html ><span>Início</span></a>
</li>
<li class=dropdown>
<a href=# data-toggle=dropdown class=dropdown-toggle><span>Discovery</span></a>
<ul class=dropdown-menu>
<li><a href=assets/posts/sobrenos.html><i class="ion-ios-chatboxes"></i>Quem somos</a></li>
<li><a href=planos.html><i class="ion-ios-chatboxes"></i>Planos</a></li>
</ul>
</li>
<li>
<a href=teste_de_velocidade.html><span>Teste De Velocidade</span></a>
</li>
<li>
<a href=blog.html><span>Blog</span></a>
</li>
<li class=dropdown>
<a href=# class=dropdown-toggle data-toggle=dropdown><span>Suporte</span></a>
<ul class=dropdown-menu>
<li><a href=contato.html><i class="ion-ios-chatboxes"></i>Fale conosco</a></li>
<li><a href=faq.html><i class="ion-ios-lightbulb"></i>FAQ</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!--slider não carrega as imagens nem o gif de carregamento em css (qualquer coisa eu listo o códiogo-->
<header id=header class="header-wrapper home-parallax home-fade dark-bg">
<div class="header-wrapper-inner flexslider">
<ul class=slides>
<li style="background-image: url(assets/images/intro/01.jpeg)">
<div class=color-overlay></div>
<div class=intro-wrapper>
<div class=intro>
<h1>Internet é <span class=rotate> conectividade., vida., liberdade., conhecimento., descoberta., tecnologia., conquista., vivência., inspiração., informação., direito., cultura., futuro., magia., entreterimento., satisfação., ajuda.,
trabalho., 2018., Discovery.</span>
</h1>
<p></p>
<a href=#about-us class="btn btn-default-o onPageNav">O que é?</a>
</div>
</div>
</li>
<li style="background-image: url(assets/images/intro/08.jpeg)">
<div class=intro-wrapper>
<div class=gradient-overlay></div>
<div class=color-overlay></div>
<div class=intro>
<h1>Pera! Vamos começar do incio.</h1>
<p>O que é internet para você?</p>
<a href=#about-us class="btn btn-default-o onPageNav">O que é?</a>
</div>
</div>
</li>
<li style="background-image: url(assets/images/intro/12.png)">
<div class=intro-wrapper>
<div class=color-overlay></div>
<div class=intro>
<h1>Discovery Net</h1>
<p>Uma nova visão sobre a web.</p>
<a href=#services class="btn btn-default-o onPageNav">Quem somos.</a>
</div>
</div>
</li>
</ul>
<!--nao aparece--><div class=arrow-down><a href=#about-us class=onPageNav><i class=ion-ios-arrow-down></i></a></div>
</div>
</header>
<!--quando passa do slider o menu some, e se voltarmos a tela acima aparece denovo, so que buga um pouco.-->
Agradeço muito a quem estiver disposto a me ajudar a resolver o problema.
Nos drag files seguem as imagens de funcionamento no android e ios, se precisarem de mais imagens ou até um vídeo só falar.
Davi.
Discussão (1)
Carregando comentários...