Programação media-queries

3

Consultas de mídia CSS: max-width OU max-height

Ao escrever uma consulta de mídia CSS, existe alguma maneira de especificar várias condições com a lógica "OU"? Estou tentando fazer algo assim: /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ... }

490 css media-queries

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

15

Consultas de mídia: como segmentar computadores, tablets e dispositivos móveis?

Venho pesquisando pesquisas sobre mídia e ainda não entendo como segmentar dispositivos de determinados tamanhos. Quero poder segmentar computadores, tablets e dispositivos móveis. Eu sei que haverá algumas discrepâncias, mas seria bom ter um sistema genérico que possa ser usado para direcionar esses dispositivos. Alguns exemplos que encontrei: # Mobile …

471 css mobile media-queries tablet

18

Twitter Bootstrap 3: como usar consultas de mídia?

Estou usando o Bootstrap 3 para criar um layout responsivo onde desejo ajustar alguns tamanhos de fonte de acordo com o tamanho da tela. Como posso usar consultas de mídia para criar esse tipo de lógica?

371 css twitter-bootstrap media-queries

11

As consultas de mídia podem ser redimensionadas com base em um elemento div em vez da tela?

Eu gostaria de usar consultas de mídia para redimensionar elementos com base no tamanho de um divelemento em que estão. Não posso usar o tamanho da tela, pois ele divé usado apenas como um widget na página da Web, e seu tamanho pode variar. Atualizar Parece que há trabalho sendo …

317 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

9

O que significa @media screen e (max-width: 1024px) em CSS?

Encontrei esse pedaço de código em um arquivo CSS que herdei, mas não consigo entender nada: @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } Especificamente, o que está acontecendo na primeira linha?

245 css media-queries

8

Qual é a diferença entre max-device-width e max-width para web móvel?

Preciso desenvolver algumas páginas html para telefones iphone / android, mas qual é a diferença entre max-device-widthe max-width? Eu preciso usar css diferentes para diferentes tamanhos de tela. @media all and (max-device-width: 400px) @media all and (max-width: 400px) Qual é a diferença?

242 css mobile-website 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 …

225 css mobile media-queries

3

consulta de mídia @media e conflito de sintaxe do asp.net MVC razor

Eu tenho um site grande que é executado no ASP.NET MVC usando o mecanismo de exibição Razor. Eu tenho uma folha de estilo base que contém todo o estilo genérico para todo o site. Na ocasião, no entanto, tenho estilos específicos de página que na <head>página - geralmente são uma …

214 css asp.net-mvc-3 razor media-queries

17

$ (window) .width () não é o mesmo que consulta de mídia

Estou usando o Twitter Bootstrap em um projeto. Além dos estilos de inicialização padrão, também adicionei alguns dos meus //My styles @media (max-width: 767px) { //CSS here } Também estou usando o jQuery para alterar a ordem de certos elementos na página quando a largura da janela de exibição é …

186 jquery css twitter-bootstrap media-queries

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

182 html css media-queries mobile-website

11

Suporte do IE8 para CSS Media Query

O IE8 não suporta a seguinte consulta de mídia CSS: @import url("desktop.css") screen and (min-width: 768px); Caso contrário, qual é a maneira alternativa de escrever? O mesmo funciona bem no Firefox. Algum problema com o código abaixo? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

178 html css responsive-design internet-explorer-8 media-queries

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

10

Bootstrap 3 pontos de interrupção e consultas de mídia

Na documentação do Bootstrap 3, a mídia consulta : Usamos as seguintes consultas de mídia em nossos arquivos Menos para criar os principais pontos de interrupção em nosso sistema de grade. Dispositivos pequenos demais (telefones com menos de 768px): Nenhuma consulta de mídia, pois esse é o padrão no Bootstrap …

170 twitter-bootstrap twitter-bootstrap-3 media-queries breakpoints

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