Má funcionamento de pagina html em dispositivos apple.

tavaresdavi677 · Janeiro 9, 2018

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 não 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>
            <!--não 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.

Editado Janeiro 9, 2018 por tavaresdavi677
Errei o titulo.

Entrar

Má funcionamento de pagina html em dispositivos apple.

Pergunta

tavaresdavi677

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades