Preguntas con la etiqueta [responsive]
El diseño adaptable (también diseño adaptativo o responsivo; este último calco del inglés responsive design), es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web o software al dispositivo que se esté utilizando para visualizar.
300
preguntas
0
votos
0
respuestas
3
vistas
FontSize responsivo en Xamarin Forms
¿Hay alguna manera de hacer responsivo el fontsize de los labels dependiendo de la resolución del dispositivo?
En mi app.xaml tengo esto que es donde le asigno los estilos generales a toda la ...
2
votos
1
respuesta
34
vistas
¿Cómo hacer que un botón no se salga de su elemento padre?
Mi header utiliza iconos y un botón de login, lo personalice en su momento en base a las dimensiones de mi pantalla colocando los íconos al margen derecho mediante la propiedad margin-left lo cual ...
1
voto
2
respuestas
36
vistas
¿Cómo hacer que se coloquen en estilo lista los iconos y elementos al disminuirlas las dimensiones de la pantalla?
Estoy utilizando iconos con sus títulos en un div desplegándolos uno al lado del otro y arriba un título del contenido. Al querer probar su desempeño responsive el título del contenido se corta a la ...
0
votos
1
respuesta
26
vistas
¿Cómo hacer que una imagen utilizada como background mantenga un tamaño de altura fijo al ser responsive?
Estoy utilizando un imagen estilo banner para la página de búsqueda en la cual esta imagen la coloco de fondo detrás del buscados unos títulos y el botón. Al ejecutar el código la imagen tiene un alto ...
2
votos
1
respuesta
16
vistas
¿Cómo puedo centrar en el medio de una tarjeta un icono sin tener que modificar su padding-top?
Estoy utilizando una tarjeta responsive de Bootstrap y sin modificar nada queda el ícono en el margen superior de la tarjeta. Al momento de probar su desempeño responsive funciona bien ya qué el ícono ...
1
voto
1
respuesta
30
vistas
¿Cómo hacer responsive mi imagen evitando que se desborden los elementos dentro de ella?
Estoy utilizando una imagen con las dimensiones 1980 x 780 estableciéndola como background y desde el CSS la achico y coloco un alto máximo. Dentro de la imagen coloqué un buscador, debajo de ella una ...
1
voto
2
respuestas
18
vistas
¿Cómo centrar y posicionar bien un formulario al momento de tener las dimensiones de un mobile?
Estoy con este formulario de registro en el cuál creo que he repetido los mismos errores que en el formulario publicado anteriormente. Al momento de querer testear si el formulario es responsive a ...
2
votos
2
respuestas
30
vistas
No puedo dejar el logo fijo en mi sidebar cuando scrolleo
Estoy haciendo una de mis primeras páginas web, y estoy teniendo un problema con el header. Trato de hacer algo como esto:
https://pallarols.com.ar/
Me gusta el menú lateral, y que al verse en móvil, ...
1
voto
1
respuesta
30
vistas
¿Cómo hacer el texto responsive fijándolo a la imagen de fondo?
Estoy utilizando una imagen de fondo ubicada en el CSS en la cual posiciono arriba de la misma dos líneas de texto y un botón. Mi intención era que se adaptara tanto el texto y la imagen a un diseño ...
1
voto
1
respuesta
28
vistas
¿Cómo hacer para qué el footer ocupe todo el ancho del pie de página?
Quiero mantener un estilo para los elementos del pie de página(imagen de ejemplo abajo) las tarjetas las posicioné con CSS pero hoy las hice responsives con la ayuda con un compañero del foro pero ...
1
voto
1
respuesta
15
vistas
¿Cómo hacer responsive tarjetas ubicadas en el footer de la página?
Estoy trabajando en el footer de la página y coloqué unas tarjetas de Bootstrap separadas con CSS(lo que pienso que puede ser uno de los errores) y me gustaría que fueran responsive lo cual cumplen ...
0
votos
0
respuestas
37
vistas
¿Porque no logro darle tamaño a mis iconos?
No se que estoy haciendo mal
como pueden ver por mas que le doy tamaño ya sea con width o con font-size siguen igual pero si le doy tamaño con height si se ven cambios pero lucen deformes. aqui el ...
1
voto
0
respuestas
37
vistas
¿Como eliminar la distancia de un contenido al otro?
Como pueden ver, quiero reducir la distancia entre los iconos y la dirección de gmail, están demasiado separados y no se que es lo que esta causando conflicto en mi mediaquery o que línea debo agregar....
0
votos
0
respuestas
24
vistas
No funciona paralax en smartphone
tengo un problema con el paralax de un proyecto, en ResponsivelyApp se ve bien en todos los dispositivos pero en el smartphone real no se visualiza correctamente. Limpio caches y sigue igual, lo que ...
1
voto
2
respuestas
33
vistas
Problemas con diseño responsivo- secciones se superponen al menú al hacer scroll
Estoy aprendiendo HTML y CSS y estaba siguiendo un tutorial de siseño responsivo de youtube paso por paso. En este tutorial hay un menu que queda fijo al hacer scroll, el problema es que en la sección ...
0
votos
0
respuestas
22
vistas
Diseño responsivo carrusel Bootstrap 5 y mostrar imágenes diferentes
Tengo un carrusel con Bootstrap 5, en la PC se ve bien pero cuando se visualiza en un dispositivo móvil la altura del carrusel cambia y las imágenes se ven alargadas.
¿Alguien sabe cómo corregir el ...
0
votos
1
respuesta
42
vistas
Crear un elemento resbaloso
Tengo unos div de tal forma que cuando la ventana es grande, haya dos div flotantes opuestos y un div inline en el centro. Busco que al reducir la ventana, cuando el espacio entre los div flotantes ...
0
votos
1
respuesta
30
vistas
Elementos absolute responsive
estoy haciendo un carousel y tengo las siguientes flechas en la imagen que son las que cambian de imágenes, pero estoy tratando de acomodarlas en su lugar y que a su vez se auto ajusten(responsive)
...
0
votos
0
respuestas
17
vistas
Css @mediaquery no se hace responsivo
estoy comenzando hace 1 mes con Html, Css, Javascript en un curso online. Creo que mi css es malo y/o mis Div son horribles, comparto código, a ver si me pueden indicar los errores. La idea es que los ...
0
votos
2
respuestas
104
vistas
Poner una imagen al lado de la otra
disculpen es que tengo varias imagenes que estoy intentando centrar y poner una al lado de la otra, pero llevo como 3-4 horas viendo tutoriales videos, de flex, grids, con bootstrap los col, y siempre ...
0
votos
1
respuesta
53
vistas
¿ como hago responsive en mi div?
hola tengo este problema, que cuando aumento el tamaño de la pagina a 150+ estos se estiran los cuadros. Como evito, ya habia solucionado un problema con con ayuda media only screen and (max-width:...
0
votos
0
respuestas
40
vistas
¿Por qué mi página no se hace responsive?
Quiero hacer una página de mi sitio responsive pero no me deja. El header lo copie literalmente de otras páginas que si funciona el responsive pero al pegarla en otra no funciona. El body y el footer ...
0
votos
1
respuesta
43
vistas
Problema con Flexbox para hacer una tarjeta
estoy teniendo problemas para poder hacer responsive una tarjeta de un producto con su descripción. La idea es que se adapte a móviles, tablets y computadoras y no se vea igual en los tres breakpoints....
0
votos
1
respuesta
22
vistas
Como puedo hace una navegación por una pagina web, si tengo el botton fuera del contexto? Flutter web
tengo un gran problemas, he creado una clase llamada HeaderItem esta clase le he pasado los parámetros title, ontap y isbutton. Tengo como objetivo crear un header en un pagina we.
class HeaderItem {
...
4
votos
2
respuestas
290
vistas
¿Como desplazar el contenido del body con el menu lateral y hacerlo dinámico para pantalla pequeñas?
¿ Que debo hacer para que el contenido del body sea dinámico al ocultar y mostrar el Menú Lateral ?
Estoy tratando de crear un proyecto con PHP de administración de productos.
He creado un Menú ...
1
voto
1
respuesta
66
vistas
No funcionan el css para hacerse responsive
encontré una página de home muy interesant y la estoy intentando de hacer responsive porque es su único problema. Pero por alguna razón no funcionan los @media. ¿Alguien tiene idea? He revidado todo y ...
0
votos
0
respuestas
19
vistas
Mobile first - No me detecta el responsive
Estoy intentando hacer un menu de navegacion responsive. Sin embargo, cuando ya le puse todas las caracteristicas no me esta tomando lo que le indico.
Que es lo que estoy haciendo? Al elemento body le ...
0
votos
2
respuestas
98
vistas
¿Cómo mantengo fijo el tamaño de un <div> html y css?
Disculpen, estoy tratando de hacer un tablero de ajedrez que sea responsive, y despues de varias consultas en internet y tutoriales, lo he logrado, pero tengo un inconveniente.
Resulta que el tablero ...
0
votos
0
respuestas
26
vistas
Como cambiar el alto de un navbar de boostrap
Estoy utilizando el navbar predeterminado de BOOSTRAP pero es muy alto y necesito que sea mas pequeño. Cuando trato de forzarlo en un CSS con height lo consigo pero luego el modo responsive no ...
0
votos
0
respuestas
47
vistas
Que emulador de movil puedo usar para para probar mis web en pantalla movil
Me gustaría probar las webs que hago con visual Studio code, en pantalla de smartphone para comprobar que son responsive e ir comprobando las @media.
¿Hay algún emulador en VS code para ello? Como ...
1
voto
1
respuesta
43
vistas
Responsive design, css
Estoy intentando ver si existe la posibilidad de que al ingresar a mi pagina web, no tenga el 50% de zoom. Sin la necesidad de hacer un media de 420px(ya que tengo mucho texto y se ve feo cuando ...
0
votos
1
respuesta
90
vistas
<canvas>... centrado dentro de un <div>
Quizás sea una tontería para muchos o no se pero aun no soy muy bueno en CSS en temas de responsive desing y todo eso.
Bueno tengo un canvas que por decirlo así me renderiza un PDF, por esa parte todo ...
0
votos
0
respuestas
29
vistas
Crear estructura con flexbox
El <body> contiene una columna de tres cuadros o filas(<header>, <main>
y <footer>).
<main> contiene una fila de 2 cuadros o columnas(<article> y <aside>), ...
1
voto
1
respuesta
55
vistas
estoy haciendo responsive y me aparece un scroll con un borde blanco
html,
body{
padding: 0;
margin: 0;
}
.menu {
background-color:#3457f7;
padding-left:0px;
padding: 0px;
margin: 0px;
width: 100%;
display: inline-block;
}
.buscador {
...
0
votos
0
respuestas
28
vistas
Web responsive como app para android y para ios
Estoy pensando en la realización de una web responsive con entrada con login y password, verificación de email, recuperación de password, y que recuerde la sesión con cookies.
El caso es que aparte de ...
0
votos
0
respuestas
57
vistas
¿Que estilo debo de dar para quitarle el link a mi menu?
estoy hacinedo un menu ha,burgues en react pero las opciones del menu aparecen como links creo que hay una propiedad en css para que se vea asi sin link
Adjunto codigo css:
```@media all and (max-...
0
votos
0
respuestas
21
vistas
Chrome y safari no muestra bien la versión movil, los demas exploradores si
actualmente estoy trabajando en una aplicación realizada en angular, nunca me habia sucedido esto pero tengo el siguiente problema.
Cuando voy a ver la versión movil en chrome o safari siempre el ...
0
votos
0
respuestas
58
vistas
Posicionar elementos alineados en header
Estoy aprendiendo a programar por mi cuenta, para ello, estoy poniendo en práctica lo aprendido hasta ahora con mi primera web, un blog personal.
Ahora estoy aplicando los estilos de pantalla ...
1
voto
1
respuesta
26
vistas
Al abrir menu, los elementos siguientes no se desplazan
estuve buscando entre las preguntas pero no he hallado la solución.
Cree un menu responsive, que al llegar a determinados pixeles este se convierte en un menu hamburguesa pero al desplegarlo, los ...
0
votos
1
respuesta
120
vistas
Cómo hacer responsive una pagina web?
Tengo que hacer mi web responsive y no se como hacerlo, intento pero nada me funciona.
Estuve mirando videos en youtube y no encontré la respuesta, probé con @media screen pero no estoy seguro de ...
0
votos
0
respuestas
22
vistas
como puedo hacer este appbar responsive
estoy diseñando un fomrulario en diseño responsivo pero solo me falta que mi appbar se vea de forma responsiva que tendria que añadir o lo puedo hacer en css o como lo tendria que hacer
Adjunto codigo:...
0
votos
1
respuesta
48
vistas
como puedo hacer este navbar responsive
como puedo hacer este navbar con diseño responsivo
Adjunto codigo:
```import React from "react";
import {AppBar,Toolbar,Typography} from '@mui/material'
import './navbar.css';
...
0
votos
1
respuesta
35
vistas
Actualización del tamaño de la pantalla con Javascript
Tengo un elemento que, por defecto, se adapta al 100% del tamaño de la pantalla (tanto width como height)
const screenWidth = document.documentElement.clientWidth
const screenHeight = document....
0
votos
0
respuestas
92
vistas
Problemas con el responsive usando Material UI
soy nueva en React y haciendo el responsive de mi portfolio tengo un inconveniente que no se resolver. Les explico: yo tengo un componente llamado Proyectos donde en el lado lateral izquierdo tengo ...
0
votos
0
respuestas
15
vistas
Por que no me funciona mediaquries
Hola como Están? hace rato estoy intentando poner mis media queries pero no me funcionan. Quiero que hasta los 780px el bloque metodosDePago sea grid y a partir de los 780 sea flex. Ya probé con todos ...
0
votos
0
respuestas
15
vistas
Responsive con columnas en bootstrap
es la primera vez que uso bootstrap e intente hacer las columnas con imagenes responsive pero hay dos que desaparecieron y solo me aparece 1
0
votos
0
respuestas
38
vistas
Linea blanca con el diseño responsive
desde hace poco me estoy enfocando mucho en hacer buenos diseños responsives pero aveces cuando estoy en una medida especifica empieza a aparecer en la pagina una linea blanca de un lado de la web:
...
0
votos
1
respuesta
116
vistas
Quiero que el contenido flexible se envuelva y no se encoja
Tengo días con un problema con flexbox y es que tengo un contenedor que tiene varios div anidados con imagenes y uso las propiedad display flex y flexwrap para que se envuelva y las imagenes se ...
0
votos
1
respuesta
127
vistas
Ocultar texto si sobrepasa div responsivo
Tengo un div con un texto algo largo, pero como es muy largo tiende a saltar a la siguiente linea, y lo que necesito es que se quede sobre la misma linea y si el texto es muy largo que solo llegue ...
-1
votos
1
respuesta
145
vistas
Eliminar divs en responsive
`Buenas!!soy nuevita acá y ya se darán cuenta, estoy practicando responsive y no logro entender(debe sr una pavada), busqué en otros lados pero no logro respuesta,paso de un @media de 900px,luego ...