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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Duvida sobre e-mail de Fundador
Hoje à(s) 2:58 por while

» Loja no fórum
Hoje à(s) 2:40 por while

» Codigo PHP roda em algum widget?
Hoje à(s) 1:55 por viniciussvl

» Apareceu isso do nada no meu fórum. Como tira?
Hoje à(s) 1:47 por Nean

» Perfil do usuário
Hoje à(s) 0:22 por Cepheus

» Sistema de pré-visualizar em HTML
Ontem à(s) 21:52 por Hancki

» Problema nas páginas devido aos anúncios
Ontem à(s) 18:18 por juleic1123

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
while
 
Cream
 
Shek
 
Holkis
 
PrisoN†BreaK
 
IsmaelS.
 
Ana Leandro
 
Sennior
 
YouTube3
 
Maori
 

Quem está conectado
89 usuários online :: 4 usuários cadastrados, 1 Invisível e 84 Visitantes :: 2 Motores de busca

Holkis, Nean, while, YouTube3

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

Daniel Z
Nível 7

Masculino
Inscrito dia : 30/04/2012
Mensagens : 96
Pontos Ativos : 1762

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?


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14615
Pontos Ativos : 21636

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"

Daniel Z
Nível 7

Masculino
Inscrito dia : 30/04/2012
Mensagens : 96
Pontos Ativos : 1762

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5