Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Harleen
 
Shek
 
Kenno LP
 
Kyo Panda
 
Ramon Rodrigues
 
Flames
 
Holkis
 
Blackfyre
 
wlweslley
 

Quem está conectado
234 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 226 Visitantes :: 2 Motores de busca

Flames, guilherme 123, Holkis, iPrompt, Kyo Panda, Luiz~, Tiger, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sex 27 Maio 2016 - 9:53

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 Dom 29 Maio 2016 - 1:43, editado 1 vez(es)
avatar

Daniel Z
Nível 8

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

http://rpgteste.queroforum.net/

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

Mensagem por Shek em Sex 27 Maio 2016 - 15:12

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?


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16292
Pontos Ativos : 20804

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

Mensagem por Daniel Z em Sex 27 Maio 2016 - 18:06

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

http://rpgteste.queroforum.net/

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

- Tópicos similares

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