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.

Filtrar por
Ordenado por
Etiquetadas con
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 ...
  • 191
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 ...
  • 191
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 ...
  • 191
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 ...
  • 191
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 ...
  • 191
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 ...
  • 191
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 ...
  • 191
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 ...
  • 191
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 ...
  • 191
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 ...
  • 430
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....
  • 430
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 ...
  • 13
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 ...
  • 11
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 ...
  • 57
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....
  • 11
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 ...
  • 47
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 ...
  • 5
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 ...
  • 13
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 ...
  • 41
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 ...
  • 349
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 { ...
  • 13
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-...
user avatar
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 ...
  • 179
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:...
user avatar
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'; ...
user avatar
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....
  • 141
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 ...