Resultados da pesquisa a pedido "media-queries"
Qual é a diferença entre “tela” e “única tela” nas consultas de mídia?
Qual é a diferença entre "tela" e "somente tela" nas consultas de mídia? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" ...
ontos de interrupção comuns para consultas de mídia em um site responsi
Então, estou trabalhando no meu primeiro site responsivo, que faz uso extensivo de consultas de mídia. Eu queria saber se existem algumas larguras de página comuns que eu deveria otimiza Eu provavelmente terei uma largura máxima (não fluindo ...
Escolha uma única folha de estilo em design responsivo da web
Em resumo Você deve usar uma ou várias folhas de estilo ao criar um design responsivo? Em detalhe Dentroresponsive design [http://www.alistapart.com/articles/responsive-web-design/], você tende a ter um pedaço principal de CSS e outros ...
Por que a ordem das consultas de mídia é importante em CSS?
Ultimamente, desenvolvo sites com maior capacidade de resposta e uso consultas de mídia CSS com frequência. Um padrão que notei é que a ordem na qual as consultas de mídia são definidas realmente importa. Não testei em todos os navegadores, mas ...
questões de consulta de mídia para iphone / ipad
Eu tive uma preocupação. Estou montando um pequeno site e, por algum motivo, minhas consultas de mídia para iphone e ipad estão colidindo. O iPhone capta os estilos do iPad, mas não o contrário. Então, eu queria colocar o que estou usando lá ...
Alterando um nome de classe com jquery, dada uma faixa de largura específica (consulta de mídia)
Tenho o seguinte html que estou tentando modificar: <div class="col1 width8"><img src="images/entity.jpg"></div>Eu quero usar consultas de mídia, mas não quero modificar o css, mas substituir o nome da classe de width8 para width6. Normalmente, ...
Consultas de mídia e orientação do dispositivo mudam
Eu tenho o código abaixo. O que eu gostaria de conseguir é alternar entre os estilos de um dispositivo móvel, alterando a orientação de retrato para paisagem (dispositivos com uma resolução grande, como iPhone 4 ou Galaxy S) <!doctype html> ...
Triggering CSS3 Transform no redimensionamento do navegador
Eu tenho jogado com consultas de mídia CSS3 animadas, sim, eu sei que seu uso prático é questionável, mas é divertido. De qualquer forma, posso obter caixas / divs / seletores para transição / expansão / ...
Consultas de mídia e imagens de plano de fundo
Eu tenho uma div <div id="page"> </div> Com o seguinte css: #page { background: url('images/white-zigzag.png') repeat-x; } @media (max-width: 600px) { #page { background: url('images/white-zigzag-mobile.png') repeat-x; } } Noto que quando ...
Consultas de mídia css de largura mínima e máxima
<link href="css/mobile-large.css" media="all and (min-width: 481px) and (max-width: 760px)" rel="stylesheet" type="text/css" /> Essa linha de código não deve fazer com que a folha de estilo "mobile-large.css" seja carregada ao usar um Samsung ...