Skip to main content
Tipo de búsqueda Sintaxis de búsqueda
Etiquetas [etiqueta]
Exacto "escribir palabras aquí"
Autor user:1234
user:me (tuyas)
Puntuación score:3 (3+)
score:0 (ninguna)
Respuestas answers:3 (3+)
answers:0 (ninguna)
isaccepted:yes
hasaccepted:no
inquestion:1234
Vistas views:250
Código code:"if (foo != bar)"
Secciones title:manzanas
body:"peras manzanas"
URL url:"*.example.com"
Guardados in:saves
Estado closed:yes
duplicate:no
migrated:no
wiki:no
Tipos is:question
is:answer
Excluir -[etiqueta]
-manzanas
Visita nuestra página de ayuda para obtener más información sobre la búsqueda avanzada
Resultados para media screen
Opciones de búsqueda: not deleted
36 votos
Aceptado

¿Qué significa la arroba (@) en CSS?

@import url('ruta_de_otro.css') screen and (orientation:landscape); 5. … Usar un @media query para diferenciar entre dispositivos Según dimensiones: descripto en CSS: ¿Qué son los media queries, para qué sirven, cómo se agrupan y cómo implementarlos?. …
Avatar del usuario Mariano
  • 24.5k
29 votos
Aceptado

CSS: ¿Qué son los media queries, para qué sirven, cómo se agrupan y cómo implementarlos?

)) { ... } ... y no de esta forma: @media (not all) and (monochrome) { ... } Otro Ejemplo: @media not screen and (color), print and (color) Es evaluado de la siguiente forma: @media (not (screen … * Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { } /* Landscape */ @media screen and ( …
Avatar del usuario A. Cedano
  • 95.2k
13 votos

¿Cómo lograr que un sitio Web se vea apropiadamente tanto en "pantalla grande" como en panta...

<link rel="stylesheet" media="screen and (width <= 640px)" href="mobiles.css" /> <link rel="stylesheet" media="screen and (width > 640px)" href="escritorio.css" /> <link rel="stylesheet" media="print … un CSS (mi preferida) .clase { // propiedades comunes a todos los medios aqui. } @media screen and (width <= 640px) { .clase { // propiedades para mobiles aqui. } } @media screen and (width …
Avatar del usuario rnrneverdies
  • 16.8k
12 votos
Aceptado

¿Cómo detectar si el dispositivo es iPhone con CSS?

screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width … : 2) and (orientation: landscape) { } iPhone 5, 5s, 5c y 5se /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px …
Avatar del usuario A. Cedano
  • 95.2k
10 votos

Poner color al range cuando el botón vaya aumentando o quitarlo cuando disminuya

En el caso de Chrome /*Chrome*/ @media screen and (-webkit-min-device-pixel-ratio:0) { input[type='range'] { overflow: hidden; width: 80px; -webkit-appearance: none; …
Avatar del usuario jolsalazar
  • 2,532
8 votos
Aceptado

Cargar CSS según dispositivo con Bootstrap

Por medio del atributo "media" del elemento "link" puedes hacerlo: Utiliza la misma sintaxis que media queries, de hecho es una de las formas de usarlas. … <link rel="stylesheet" href="master.css" /> <link rel="stylesheet" media="only screen and (width < 768px)" href="movilices.css" /> <link rel="stylesheet" media="only screen and (width > 768px)" href= …
Avatar del usuario rnrneverdies
  • 16.8k
8 votos
Aceptado

Colocar un div debajo de otro usando css

C4D9AE; color: white; } .topnav .icon { display: none; } .navbar{ position: relative; float:none; overflow-y: auto; } .banner { background: red; position:relative; } @mediascreen and (max-width: 600px) { .topnav a:not(:first-child) {display: none;} .topnav a.icon { float: right; display: block; } } @media screen and (max-width: 600px) { .topnav.responsive …
Avatar del usuario Jheyman Mejia
8 votos
3 respuestas
310 vistas

Duda con asignación de clases e id

center center; display: block; top: 0; bottom: 0; object-fit: var(--object-fit); object-position: var(--object-position); height: 100%; width: 100%; position: absolute; } @mediascreen and (min-width: 600px) { .grid { --columnas: 3; } } @media screen and (min-width: 400px) and (max-width:599px) { .grid { --columnas: 2; } } @media screen and (max-width …
Avatar del usuario Lucía
  • 1,673
7 votos
Aceptado

Mostrar solo mes y año en un input de tipo fecha

/jquery/1.4.1/jquery.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> <link rel="stylesheet" type="text/css" media … ="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css"> </head> <body> <label for="startDate">Mes :</label> <input name="startDate" id="startDate" class …
Avatar del usuario the-breaker
  • 5,468
7 votos
Aceptado

Cómo acelerar el buffering en videos en HTML5

Por ejemplo: <video> <source src="video-movil.mp4" type="video/mp4" media="all and (max-width: 480px)"> <source src="video-medio.mp4" type="video/mp4" media="all and (max-width: 768px)"> <source … CSS Tricks: Video Source by Screen Size. …
Avatar del usuario Alvaro Montoro
  • 49.8k
7 votos
3 respuestas
258 vistas

¿Cómo crear una cesta adaptable sin desorden usando flex/flexbox CSS?

screen and (max-width: 640px) { .basket-cart, .basket, .summary, .basket-item, .basket-remove-item { width: 100%; } .basket-labels { display: none; } .basket-module … screen and (min-width: 641px) and (max-width: 960px) { .basket-cart { padding: 0 1rem 0 0; } .summary { width: 28%; } } @media screen and (max-width: 960px) { #basket { …
Avatar del usuario Pepe
  • 105
6 votos
Aceptado

¿Como quito el scrollbar al body?

font-size: 200%; line-height: 130%; } .content h2:first-child{ margin-top: 5px; } .content:nth-child(odd) h2{ font-family: "Oswald", sans-serif; font-weight: 300; font-style: normal; } @media … only screen and (min-width: 1229px){ .showcase .horizontal-images.content{ width: 1060px; } } @media only screen and (min-width: 1629px){ .showcase .horizontal-images.content{ width: 700px; } …
Avatar del usuario Andy Samuel
  • 1,391
6 votos
Aceptado

Aplicar estilo solo a text Jqgrid

-- A link to a jQuery UI ThemeRoller theme, more than 22 built-in and many more custom --> <link rel="stylesheet" type="text/css" media="screen" href="https://code.jquery.com/ui/1.12.1/themes/start … -- A link to a jQuery UI ThemeRoller theme, more than 22 built-in and many more custom --> <link rel="stylesheet" type="text/css" media="screen" href="https://code.jquery.com/ui/1.12.1/themes/start …
Avatar del usuario Kiko_L
  • 6,555
6 votos
Aceptado

Timeline carrousel con personalizado

position: absolute; right: 0px; background-size: cover; } .owl-prev span { display:none; } .owl-next span { display:none; } /* .owl-prev, .owl-next { } */ button:focus {outline:0;} @mediascreen and (max-width: 560px) { .timeline-slide { margin-top: 4.2rem; margin-left: 3.5rem; } } <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity …
Avatar del usuario Triby
  • 25.2k
6 votos
Aceptado

Como crear desplazamiento al body para que no sea tosco

font-size: 200%; line-height: 130%; } .content h2:first-child{ margin-top: 5px; } .content:nth-child(odd) h2{ font-family: "Oswald", sans-serif; font-weight: 300; font-style: normal; } @media … only screen and (min-width: 1229px){ .showcase .horizontal-images.content{ width: 1060px; } } @media only screen and (min-width: 1629px){ .showcase .horizontal-images.content{ width: 700px; } …
Avatar del usuario Andy Samuel
  • 1,391

1
2 3 4 5
33
15 30 50 por página