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
0
votos
0
respuestas
57
vistas
Problemas con Media Screen CSS3
Se decidió optar por descargar una plantilla HTML5 y adaptarla,al momento de editar nos dimos cuenta que hay secciones que ignoran los @media screen inferiores y solo toman el último, es decir si tengo … /images/banner360.png");
z-index:0;
background-size:100%;
background-position:bottom CENTER;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 480px) { …
1
voto
1
respuesta
260
vistas
¿Por qué Google Chrome malinterpreta la regla @media screen orientation en dispositivos móvi...
Resulta que estaba creando un formulario, el cual tenía determinados estilos que cambiaban dependiendo de una regla @media de CSS (en este caso con la orientación). … screen and (orientation: portrait) {
#container {
width: 100%;
}
}
</style>
</head>
<body>
<div id="log"></div>
<div id="container">
<label for="text …
2
votos
3
respuestas
1k
vistas
CSS @media only screen and(max-width: 800px) no funciona
</p>
</div>
Y este codigo en CSS:
@media only screen and (max-width: 800px){
div{
display: block;
width: 100%;
}
}
Aca el meta viewport que utilice:
<meta name="viewport …
0
votos
0
respuestas
161
vistas
¿Por qué mi página no se hace responsive?
Las queries son @media screen and (min-width:320px) and (max-width:479px).
<header class="nav-principalmultimedia">
<nav class="nav-principal">
<a href=".. … ">
<iframe width="560" height="315" src="https://www.youtube.com/embed/mowd4qMRXkw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media …
0
votos
0
respuestas
605
vistas
No me aplica CSS en móvil
El problema viene creando la distinción en css con @media screen... tras volverme loco, he descubierto que no me aplica las propiedades que añado aquí si ya hay otras que se aplican al CSS original. … Por ejemplo:
@media screen and (max-width:600px){
body{
background-color: red;
}
#header{
background-color:black;
}
}
Bien, pues solo se aplica si en el body y #header …
1
voto
1
respuesta
111
vistas
media querie manager en sass
@if $breakpoint == tab-port{
@media only screen and (max-with: 56.25em) { @content };
}
@if $breakpoint == tab-land{
@media only screen and (max-with: 75em) { @content };
}
@if $ … breakpoint == big-desktop{
@media only screen and (min-with: 112.5em) { @content };
}
}
Y después tengo los primeros media queries así:
html
{
font-size: 62.5%;
@include respond …
0
votos
1
respuesta
43
vistas
Syntaxis de la media queries
Una consulta en mi proyecto estoy incluyendo medias queries para 4 tipos de pantallas y quisiera saber si en el media querie puedo ponerle el max-width y el min-width ej:
@media screen and (max-width:768px … ) and (min-width:600px){}
o si simplemente ya con el max-width:
@media screen and (max-width:768px){}
@media screen and (max-width:600px){}
consulto esto ya que no soy experto en esto de responsive design …
2
votos
Bloquear redimensión imagen html css
Puedes agregar en un archivo css la "función" media screen
@media screen and (max-width: 980px)
{
//Este css solo se aplicara cuando el ancho de la pantalla
//sea maximo 980px
}
Con esto puedes editar …
2
votos
2
respuestas
21k
vistas
Medidas estándar para las media queries
Ejemplo:
/*Tablet*/
/*portrait*/
@media screen and (max-width:768px) and (orientation:portrait) {
body{background: yellow;}
}
/*landscape*/
@media screen and (max-width:768px) and (orientation:landscape … /*landscape*/
@media (min0-width: 991.98px) and (max-width: 1199.98px)and (orientation:landscape) {
body{background: blue;}
}
/*fin tablet*/
/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: …
0
votos
3
respuestas
16k
vistas
Mostrar y ocultar un div con media query
El código es el siguiente:
@media only screen and (min-width: 880px) {
.min_footer {
display: none ! … important;
}
}
@media only screen and (max-width: 880px) {
.min_footer {
display: block !important;
}
}
<div class="min_footer">
<?php include ("min_footer.php"); ? …
0
votos
1
respuesta
292
vistas
¿ como hago responsive en mi div?
Como evito, ya habia solucionado un problema con con ayuda media only screen and (max-width:1000px). …
-2
votos
1
respuesta
41
vistas
error con media Queries
El problema es este, yo pongo el código en Css todo bien hasta que uso Media Queries yo puse que cuando la pantalla llegué a 450px cambie de display block a display none. … only screen and (max-widht: 450px) {
.nav-ul {
display: none;
}
} …
1
voto
1
respuesta
253
vistas
Encapsular media queries de tamaño específico sin que interfieran en otros con característic...
Tengo las siguientes media queries:
/* Atributo "only" para que navegadores antiguos detecten los mediaqueries */
/* Diseño para móviles landscape y portrait */
@media only screen and (min-width:320px … Es decir:
/* Móviles */
@media only screen and (min-width:320px) and (max-device-width:767px)
{
body{
background-color: red;
}
}
/* Ipads */
@media only screen and (min-width:768px) …
1
voto
2
respuestas
6k
vistas
¿Por que mis media queries no funcionan?
QUERIES*/
@media only screen and (min-width: 801px) {
#landing_portada {
height: 110vh;
}
#description-landing {
font-size: 1.7em;
background-color: yellow;
} … };
@media only screen and (max-width: 601px){
#landing_portada {
height: 10vh;
}
#description-landing {
font-size: 1.6em;
background-color: yellow;
}
};
@media …
1
voto
0
respuestas
207
vistas
Background-image css media query no funciona
, user-scalable=no, initial-scale=1.0">
He usado más veces @media en otras partes del .css y funciona perfecto. … only screen and (max-width: 576px) {
body {
background: url("assets/images/mobile/fondomobile.jpg");
}
} …