4
Debes utilizar Media Queries
Debes utilizar las Media Queries para lograr el efecto deseado.
Aclaratoria: debes colocar en tu archivo HTML:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Entre las etiquetas <head></head> para que las *Media Queries surtan efecto en tu dispositivo.
En ella debes ...
3
Tras haber realizado pruebas de ensaye y error, finalmente pude hacer que el contenido de mi web se vea sólo cuando el teléfono se vea en posición vertical. El por qué hacerlo de esta manera es más que nada porque la responsive de mi web la diseñé sólo para que sea vea bajo esa posición del móvil y no precisamente en el modo horizontal, además de que ...
2
Revisando las opciones de botones, el estilo debería ser class="btn btn-dark" para aplicar color de fondo y no de borde (outline) como estás haciendo ahora.
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
<form id="regiration_form" action="procesamientos/recibepedidos.php" ...
respondida el 27 dic. 20 a las 23:02
Triby
10k22 medallas de oro1010 medallas de plata2727 medallas de bronce
1
1.- Te recomiendo que trabajes con CSS GRID a tu elemento con la clase .grid-pinterest le pones la propiedad display: grid; es necesario que a tu GRID le agregues un ancho establecido ejemplo:
.grid-pinterest {
display: grid;
width: 900px;
}
2.- Despues definimos las columnas que quieres mostrar:
grid-template-columns: repeat(auto-fill, minmax(200px, ...
1
Puedes obtener el width de la pantalla y comprobar si es menor a una cantidad, para comprobar si se tiene el dispositivo en horizontal o vertical
Usaremos regExp para validar si el dispositivo en el que está es un dispositivo móvil
Podremos saber cuándo se cambia la vista del móvil con window.onresize
window.mobileCheck = function() {
let check = false;...
1
Fontawesome usa el mismo unicode para todos los grosores de fuente, negrita, regular, light, etc, solo debes agregar el font-weight correspondiente al grosor de la fuente. en este caso font-weight: 900;
.reproduction-played{
position: absolute;
height: 4px;
background-color: #BB0101;
width: 0;
}
.reproduction-played::before{
content: ...
1
Necesitas darle el estilo a flexbox para que se horizontal. En tu caso se hace editando las propiedades de css:
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
Para lo que es flexbox siempre tengo este tutorial (en inglés) a mano, muy útil, conciso y fácil de entender.
.button__container {
position: fixed;
...
respondida el 7 ene. a las 16:38
FranAcuna
2,31611 medalla de oro33 medallas de plata1515 medallas de bronce
1
Claro, la asincronía es eso mismo, poder ejecutar varios procesos por separado en paralelo. Habría que controlar bien esos callback. Yo propondría algo de recursividad:
(function(){
// Le añadimos un parámetro a la función 'sombreado' para controlar las iteraciones.
function sombreado(index) {
// Para la primera iteración, inicializamos '...
1
te hace falta colocarle el CSS tambien al input:
.respmenu{
input{
display:none;
}
input:checked ~ ul{
display: block;
}
i{
display:none;
}
}
o si quieres alternar entre uno y el otro deberás trabajarlo con javascript/jquery.
respondida el 4 ene. a las 14:29
Francisco Núñez
99522 medallas de oro66 medallas de plata3030 medallas de bronce
Solo están habilitadas las respuestas de wiki más votadas con una longitud mínima y que no pertenecen a la comunidad
Etiquetas relacionadas
css3 × 1503html5 × 844
css × 682
html × 513
javascript × 375
jquery × 186
bootstrap × 163
php × 59
bootstrap-4 × 50
responsive × 31
flexbox × 31
web × 23
scss × 23
animación × 22
sass × 17
mediaqueries × 17
materialize × 15
bootstrap-3 × 15
css-transform × 15
wordpress × 14
svg × 14
imagen × 12
div × 11
css-grid-layout × 11
angular × 10