Jump to content
tavaresdavi677

Má funcionamento de pagina html em dispositivos apple.

Recommended Posts

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.

android.png

apple.jpg

Share this post


Link to post
Share on other sites

Pela sua descrição o problema aparenta ser na chamada do style do font-awesome.

<link rel=stylesheet href=assets/lib/fontawesome/css/font-awesome.min.css>

 

O navegador safari não deve ta consguindo interpretar essa chamada.

De uma verificada em sua estrutura de pasta e nos níveis do arquivo para ver se está tudo ok mesmo e tenta colocar o caminho entre aspas como é feito em outras tags link

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By vmenezes
      ola galera . tenho uma aplicação com asp  e utilizo javascript para bater foto do cliente . consigo apos a foto batida salvar no pc com o ID do cliente,
      porem gostaria que assim que a foto fosse batida salvasse na raiz do proprio site.
      tem como fazer isso ?
      obg
    • By juliosonic
      Boa noite..
      Estou desenvolvendo um site de Reiki https://reikicuritiba.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica Curitiba
      Tantra em Curitiba

      Obrigado
      Att
      Julio Cezar
       
       
       
    • By kernmatheus
      Boa noite,
       
      Galera, utilizo uma aplicação que me permite inserir arquivos JavaScript customizados em algumas páginas, e por vezes quando realizo alguma alteração considerável no JS, preciso solicitar aos usuários da ferramenta para limparem o cache, evitando que eles fiquem com as regras antigas do JS e gere algum erro.
       
      Existe alguma forma de esporadicamente quando eu realizar alterações no JS, forçar a limpeza de cache nas máquinas clientes? Ou então de não permitir que o navegador salve cache deste JS que eu customizo as regras?
    • By Marcones Borges
      Olá, estou com o seguinte problema, não estou conseguindo alinhar a div a baixo da outra.
       
      Tenho a div linha, div assinatura, div conteúdo.
      A div linha precisa ficar a pós o conteúdo, após o texto linha e assinatura...
       
      porém não fica.
      Veja o css
      #texto1 {     position:absolute;     left: 30px;     top: 310px;     font-size:16px;     letter-spacing: .1rem;     font-family:courier,arial,helvetica;     line-height: 1.5;     text-align: justify;     padding-left: 2%;     padding-right: 5%;     padding-bottom: 2em;     float:right;     height:902px;     z-index: 1;   #linha1{     position:fixed;     left: 70px;     bottom: 80px; } #assinatura {     border-radius: 10%;     left: 435px;     overflow: hidden;     position:absolute; }  
      O html
      <div id="texto1"><?=nl2br($cliente->conteudo)?></div> <div id="linha1"> ___________________________________ </div> <div id="assinatura"> &nbsp;&nbsp;<?=$cliente->secretario?> - <?=$cliente->convencao?><br> &nbsp;&nbsp;&nbsp;<b>SECRETÁRIO(A)</b><br> </div>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.