• 0
Sign in to follow this  
tavaresdavi677

Má funcionamento de pagina html em dispositivos apple.

Question

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.

Captura de Tela (10).png

android.png

apple.jpg

Edited by tavaresdavi677
Errei o titulo.

Share this post


Link to post
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this