Jump to content
Sign in to follow this  
le0souza

Chamar css por @media queries

Recommended Posts

Olá Boa tarde galera, estou tendo uma dificuldade em fazer alguns ajustes para área mobile do site que estou desenvolvendo,

tenho um css normal sem nenhum media queries porem se eu vou e aplico um, exemplo

@media (max-width: 991px)

ele esta atingindo todo o site mesmo depois de ter passado de 991px ele pega as atribuições que dei somente max 991

isso colocando na mesma folha de estilo do site.

em outros sites fora do wordpress eu faria assim, chamaria cada folha separada no header

<!-- ===CSS=== -->
    <link href="css/style.css" type="text/css" rel="stylesheet" media="screen and (min-width: 961px)" />

    <!-- ===TABLE=== -->
    <link href="css/medium.css" type="text/css" rel="stylesheet" media="screen and (max-width: 960px) and (min-width: 481px)" />
    
    <!-- ===MOBILE=== -->
    <link href="css/small.css" type="text/css" rel="stylesheet" media="screen and (max-width: 480px)" />
    <link href="css/small.css" type="text/css" rel="stylesheet" media="only screen and  (max-device-width: 480px)" />

porem no wordpress, as folhas de estilo sao chamadas dessa forma abaixo e eu nao sei como aplica o media queries no php, existe alguma maneira de fazer isso? a folha é chamada dentro do functions.php

/**************************************
 *  SCRIPTS / CSS
 **************************************/
function wp_responsivo_scripts() {
  // Carregando CSS header
  wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/assets/css/bootstrap.min.css' );
  wp_enqueue_style( 'style', get_stylesheet_uri() );
  
  // Carregando Scripts header
  wp_enqueue_script('bootstrap-js', get_template_directory_uri().'/assets/js/bootstrap.min.js', array('jquery') );

  //Carregando no footer
  //wp_enqueue_script('functions-js', get_template_directory_uri().'/assets/js/functions.js', array('jquery'), '', true );
}

Share this post


Link to post
Share on other sites

Nao rolou ha tentei varias formas

@media screen and (min-width: 992px)

@media screen and (min-width: 1200px)

@media screen and (max-width: 992px)

@media screen and (max-width: 1200px)

pore, sempre só prevalece uma nao esta alternando estre os dois estilos

Share this post


Link to post
Share on other sites

Nem li tudo mais já sei o que te acontece.. e aconteceu comigo e não sei explicar xD

Seguinte o media query usado no formato

@media screen and (max-width: 991px){ ... }

Define a leitura na ordem numérica, vou te da um exemplo:

800px

620px

420px

320px

Repare que a resolução maior esta no topo e assim que deve ficar.. se você bagunçar essa ordem não vai rolar.. outro exemplo..

640px

320px

920px

Toda resolução que você tive mesmo que 320px a media query vai utilizar sempre a query 920px

Espero ter ajudado... não sei se esse é o seu problema mais comigo foi assim e assim que eu resolvi :)

Share this post


Link to post
Share on other sites

Use mobile first:

Aqui o CSS Mobile First


@media only screen and (min-width : 320px) {
        
}

    
@media only screen and (min-width : 480px) {

}

@media only screen and (min-width : 768px) {

}

   
@media only screen and (min-width : 992px) {

}

   
@media only screen and (min-width : 1200px) {

}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By lezão
      Boa noite!
      Estou tentando fazer um codigo de horario de atendimento, e naun estou tendo resultados.
      Alguem pode me ajudar :
      <?php if ($hoje = 3 & $hoje < 5 & $hora >= 0 & $hora < 08){ echo "<font face='verdana', arial' size=2 color='red'>Fechado</font>";} else if ($hoje > 3 & $hoje < 5 & $hora >= 08 & $hora < 18){ echo "<font face='verdana', arial' size=2 color='red'>Fechado</font>";} else if ($hoje = 3 & $hora >= 18 & $hora < 23){ echo "<font face='verdana', arial' size=2 color='green'>Aberto</font>";} ?>  
    • By AndersonWS
      Meu site está caindo muito nos últimos dias. Basicamente acessa e não aparece nada, uma tela em branco. O pessoal da hospedagem falou que tenho que otimizar o banco de dados e que o problema é esse. Acho estranho pois o mesmo site não caia e agora "do nada" tem esse problema. Fiz um teste de tracert no cmd para ver as rotas e deu a mensagem: Esgotado o tempo limite do pedido. Isso me parece o problema e não o banco de dados.
      Otimização do banco tem alguma coisa a ver com essa mensagem?
      Poderia o site por não estar muito otimizado simplesmente não mostrar nada na tela? Não deveria carregar ao menos o html?
      Se não for o local certo da pergunta me perdoem mas como falaram que o problema era o banco de dados postei aqui.
      Grato.
    • By manolegal
      Olá amigos(as) do Fórum.
      Tenho um número inteiro no PHP e preciso inseri-lo no Postgresql com 02 casas decimais.
      Defini o campo no Postgresql do tipo numeric(14,2)
      O valor está assim no PHP:
      2961966 Preciso gravar no BD da seguinte maneira:
      29619.66 Porém está gravando da seguinte forma:
      2961966.00 Tentei utilizando number_format, porém não consegui:
      $numero_bd = number_format($numero, '.', ''); $numero_bd = number_format($numero,2,"."); $numero_bd = number_format($numero,2,","numerovalor_ref_15,2,",","."); Caso alguém possa me ajudar, desde já agradeço.
    • By Felper
      Criei um sistema de login com php e mysql mas não consigo realizar o login mesmo tendo certeza de que os dados foram cadastrados com sucesso. Não sei o que fiz de errado. Vejam o código:
      <?php $login2 = $_POST['loginlogar']; $senha2 = $_POST['senhalogar']; $link = mysqli_connect("localhost", "root", "", "bancolanche") or die("<h1>Não foi possível conectar!!</h1>". mysqli_error()); $banco = mysqli_select_db($link, "bancolanche") or die("<h1>Não foi possível abrir banco de dados!!</h1>". mysqli_error()); $sql = "SELECT login, senha FROM users"; $resulta = mysqli_query($link, $sql); while ($book = $resulta->fetch_object()) { $logindb = $book->login; $senhadb = $book->senha; } if($login2 == "" || $senha2 == ""){ $_SESSION['msg'] = "<h1 style='color:red'>Erro ao logar! Há campos de preenchimento obrigatório em branco.</h1>"; header("Location: logar.php"); } else { if($logindb==$login2 && $senhadb==$senha2){ $_SESSION['msg'] = "<h1 style='color:green'>Logoff realizado com sucesso!</h1>"; header("Location: index.html"); } else { $_SESSION['msg'] = "<h1 style='color:red'>Erro ao logar! Usuário inexistente ou senha incorreta.</h1>"; header("Location: logar.php"); } } mysqli_close($link); ?>  
    • By mm_edilson
      Olá. Tenho uma página de login, que salvei como index.php. Quando o usuário entra com login e senha corretos, a página redireciona para outra página, a index2.php. É uma página independente, não sendo viável no meu projeto colocá-la como um include na página principal.
      Tudo funciona. Exceto que, se o usuário, sem logar, digitar o endereço completo da página, ou seja, www.meusite.com.br/index2.php, ela abre normalmente. Como fazer para que ela não abra, se não passar antes pela página de login?
      Esta é minha página index.php:
      </style> <?php include('app/connection.php'); ?> </head> <body> <div id="corpo"> <center><img src="app/img/logo.png" width="500" height="210"></center></div><BR> <div id="paginas"> <?php @session_start(); include('valida_user.php'); ?> </div> Esta é a página valida_user.php
      <?php @session_start(); if(isset($_POST['enviar'])){ $usuario = $_POST['usuario']; $senha = $_POST['senha']; if($usuario ==''){echo "<h4>Por favor, insira um nome de usuário válido</h4>"; }else if($senha ==''){echo "<h4>Por favor, insira sua senha</h4>"; }else{ $sql = "SELECT * FROM usuarios WHERE usuario = '$usuario' AND senha = '$senha' "; $result = mysqli_query($conexao, $sql); if(mysqli_num_rows($result) > 0){ while($res = mysqli_fetch_array($result)){ $ativo = $res['ativo']; $nivel = $res['nivel']; $usuario = $res['usuario']; $senha = $res['senha']; $email = $res['email']; $nome = $res['nome']; $cadastro = $res['cadastro']; header("Location: index2.php"); exit; } }else{ echo "<center><h3>Usuário ou senha inválidos</h3></center>"; } } } ?>  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.