Valor do width minimo para o fórum (Media Queries)

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Valor do width minimo para o fórum (Media Queries)

Mensagem por Daniel Z em 27/05/16, 05:53 am

Detalhes da questão


Endereço do fórum: http://rpgteste.queroforum.net/
Versão do fórum: PunBB

Descrição


Buenas.
Estou fazendo alguns testes para elaborar um layout mais responsivo (desktop + mobile).

Setei o valor do width para 800px no fórum.

Entretanto, apenas a versão desktop atinge esse valor.
Testei tanto no meu fórum de teste atual, quanto em um fórum novo sem nenhuma modificação.
O valor em mobile fica em 655px:



Inicialmente, pensei que fosse por conta do ".fa_toolbar_XL_Sized" que possui um valor padrão da forumeiros de "min-width: 980px". Porém, mesmo desativando a toolbar (tanto no painel de controle quanto colocando um display: none no CSS), a largura não modificou.

E o código que tentei inserir, também não resultou:

Código:
@media screen (min-width: 480px) {
.pun { width: 800px; }
}

Muito provavelmente seja esse último código, já que não tenho experiência com ele.


Última edição por Daniel Z em 28/05/16, 09:43 pm, editado 1 vez(es)
avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

Resolvido Re: Valor do width minimo para o fórum (Media Queries)

Mensagem por Shek em 27/05/16, 11:12 am

Bom dia!

No seu caso, creio que o melhor é usar o max-width. Segue um exemplo:
Código:
@media (max-width:1200px){.pun{width:1170px}}
@media (max-width:486px){.pun{width:50%}}
Seria mais ou menos isso que deseja?


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek — Ajudeiro
avatar

Shek
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17450
Pontos Ativos : 21691

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Resolvido Re: Valor do width minimo para o fórum (Media Queries)

Mensagem por Daniel Z em 27/05/16, 02:06 pm

Boa tarde, @shek.

Consegui, mas precisei mudar de "max-width" para "max-device-width", e setando desde o html {

Muitos sites que li, não recomendam usar o "*-device-width", mas nesse caso, parece ser a única solução.

Poderia ser algo relacionado a viewport?

Edit: Resolvido adicionando a meta tag a seguir no overall_header:

Código:
<meta name="viewport" content="width=device-width" />

E usando media queries com "min-device-width" & "max-device-width"
avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum