carlamso Postado Março 15, 2010 Denunciar Share Postado Março 15, 2010 Olá,Quero alterar a folha de estilo consoante a resolução do monitor.Para o efeito, fiz duas folhas de estilo distintas.Já consegui fazer a alteração entre duas páginas de index.Código:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>XPTO</title> <link href="/images/favicon.ico" rel="icon" type="image/x-icon" /> <script language="JavaScript"> if (screen.width<1300) location.href = "index2.htm"; else if (screen.width>=1300) location.href = "index1.htm"; else location.href = "index16.htm"; </script> Mas, como fazer isto para alterar a folha de estilo? <link href="estilo.css" rel="stylesheet" type="text/css"> OU <link href="estilo_1.css" rel="stylesheet" type="text/css">Alguém pode ajudar?Obrigada Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Thishinoda Postado Abril 7, 2010 Denunciar Share Postado Abril 7, 2010 (editado) Defina um ID para a referência da folha de estilo:<link href="" id="estilo" rel="stylesheet" type="text/css"> E o código que vai alterar o CSS de acordo com a tela: <script language="JavaScript"> if (screen.width<1300) document.getElementByID('estilo').href = 'estilo.css'; else if (screen.width>=1300) document.getElementByID('estilo').href = 'estilo_1.css'; </script> Editado Abril 7, 2010 por Thishinoda Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
carlamso
Olá,
Quero alterar a folha de estilo consoante a resolução do monitor.
Para o efeito, fiz duas folhas de estilo distintas.
Já consegui fazer a alteração entre duas páginas de index.
Código:
Mas, como fazer isto para alterar a folha de estilo? OUAlguém pode ajudar?
Obrigada
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.