Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Wellington09

position fixed mobile

Por , em Desenvolvimento frontend

Recommended Posts

Wellington09    1

Wellington09
Postado
Alguem sabe me dizer se tem como deixar alguma tag fixada no rodape da tela de um smarthphone ?
Pois ja tentei o codigo abaixo e não funciona em mobile, apenas em desktops.

 

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8" />
        <title>Título</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
ul{
  background-color:#FF0000;
  bottom:0;
  height:70px;
  left:0;
  margin:0;
  position:fixed;
  width:100%;
}
</style>
    </head>
    <body>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>
        <p>teste</p>


        <ul>
            <li><a href="#">Menu</a></li>
        </ul>
    </body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gerciley    14

Gerciley
Postado

Teste no Mobile usando o messo navegador com a mesma versão que usou no desktop, caso não funcione, pode ser que o motor de renderização do browser para mobile não suporta o recurso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wellington09    1

Wellington09
Postado
Eu costumo usar o Chrome no desktop e meu smarthphone é um Android 2.3.6 e não tem o navegador chrome para ele, acho que é a partir do Android 4 que da para baixar.

Eu cheguei a instalar o firefox no smarthphone e funcionou legal, mas queria achar uma solução para deixar o layout crossbrowser, pois a pagina sera acessada por usuarios que utilizão varios browsers.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito