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

[Daniel Z]

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.

[Shek]

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?

[Daniel Z]

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"