Perguntas com a marcação «media-queries»

As consultas de mídia permitem a aplicação condicional de estilos CSS com base nos tipos de mídia, como tela e impressão, e nas condições dos recursos de mídia, como janela de visualização e altura e largura do dispositivo. Eles fazem parte da especificação W3C CSS3.


5
Qual é a diferença entre "tela" e "única tela" nas consultas de mídia?
Qual é a diferença entre screene only screennas 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" /> Por que somos obrigados a usar only screen? Ele screennão fornece informações suficientes para serem renderizadas apenas para a tela? Eu já …
487 css  media-queries 




12
É possível colocar as regras CSS @media em linha?
Preciso carregar dinamicamente imagens de banner em um aplicativo HTML5 e gostaria de duas versões diferentes para se adequar às larguras da tela. Como não consigo determinar corretamente a largura da tela do telefone, a única maneira de pensar nisso é adicionar imagens de plano de fundo de uma div …
293 html  css  media-queries 



5
@Media min-width e max-width
Eu tenho esta @mediaconfiguração: HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE …



16
Por que minhas consultas de mídia CSS3 não estão funcionando?
No styles.css, estou usando consultas de mídia, as quais usam uma variação de: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } Os sites são redimensionados para o layout que desejo em um navegador comum (Safari, Firefox) quando reduzo a janela; …


19
Problemas de impressão CSS @media com cor de fundo;
Eu sou novo aqui nesta empresa e temos um produto que usa quilômetros de css. Eu estou tentando fazer uma folha de estilo de impressão para a nossa aplicação, mas estou tendo problemas com background-colorno @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; …
176 css  media-queries 


Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.