JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

JScript » Geral » Chat de Desenvolvedores » Identificar a resolução

Identificar a resolução

3 participantes

Ir para baixo  Mensagem [Página 1 de 1]

1Identificar a resolução Empty Identificar a resolução Seg 11 Nov 2013, 9:57 am

Convidado

avatar
Convidado

Olá a todos!

Em diversos fóruns, percebo que estes são estruturados apenas para uma resolução, através da simples comparação abaixo podemos adicionar um CSS para cada resolução!

Código:
if (screen.width == 1024)
{
document.write('<link rel="stylesheet" src="link css da resolução 1024">')
}
else if(screen.width == 800)
{
document.write('<link rel="stylesheet" src="link css da resolução 1024>')
}
É só ir multiplicando, espero que isto solucione o problema para a visualização dos fóruns em diferentes resoluções!

2Identificar a resolução Empty Re: Identificar a resolução Seg 11 Nov 2013, 10:04 am

Convidado

avatar
Convidado

O ruim seria, que o código pesaria muito! E teria que criar zilhões de páginas html com o css.

3Identificar a resolução Empty Re: Identificar a resolução Seg 11 Nov 2013, 10:26 am

Legolas

Legolas
Moderadores
Moderadores

Muito bom Crazy, mas tem um jeito ainda mais fácil que é adicionando um min-width.

Até mais.

http://aden.rpgwars.net

4Identificar a resolução Empty Re: Identificar a resolução Seg 11 Nov 2013, 10:27 am

Convidado

avatar
Convidado

Não exatamente, é só adicionar o CSS assim:
Código:
    if (screen.width == 1024)
    {
$('head').prepend('<style>CSS</style>');
    }
    else if(screen.width == 800)
    {
$('head').prepend('<style>CSS</style>');
    }
Deste modo, nós poupa de ficar fazendo páginas HTML ou adicionando em locais externos

@Legolas -> Sim meu caro, existe diversas formas. Achei está simples e prática! Obrigado pelo elogio! Razz

5Identificar a resolução Empty Re: Identificar a resolução Seg 11 Nov 2013, 1:30 pm

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Muito interessante amigo

http://wagneraugusto.com.br/

6Identificar a resolução Empty Re: Identificar a resolução Seg 11 Nov 2013, 6:42 pm

JScript

JScript
Administradores
Administradores

@Cʀɑzy

Infelizmente eu tenho que descordar, é como o @Legolas falou!

Veja que basta usar o seguinte:
Código:

.pun {
  line-height: 120%;
  min-width: 960px;
  width: 87%;
}
O que determina a largura correta em várias resoluções é o min-width!

JS

http://autoitbrasil.com

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

JScript » Geral » Chat de Desenvolvedores » Identificar a resolução

Permissões neste sub-fórum
Não podes responder a tópicos