Resultados de Búsqueda
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 |
500 resultados
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?. …
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 ( …
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 …
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 …
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; …
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= …
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;
}
@media … screen 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 …
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;
}
@media … screen 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 …
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 …
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. …
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 { …
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; } …
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 …
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;}
@media … screen 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 …
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; } …