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
» Remover permissão
Hoje à(s) 02:49 am por Harleen

» Ajuda com Skin
Hoje à(s) 02:35 am por Harleen

» Banner do Forum
Hoje à(s) 02:05 am por Harleen

» Ajuda com o HTML
Hoje à(s) 01:53 am por Harleen

» FanBar Roger
Ontem à(s) 03:49 pm por APOllO

» Texto do Topico bugado com o perfil
Ontem à(s) 03:06 pm por Harleen

» Assinatura grande!
Ontem à(s) 02:28 pm por APOllO

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Taxy_InSaniTy
 
Shek
 

Quem está conectado
272 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 270 Visitantes :: 1 Motor de busca

Luiz, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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

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?


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 : 16477
Pontos Ativos : 20863

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 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

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