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
9 vistas

overflow-x hidden no funciona con responsive

Tengo esta pestaña creada en hasta arriba de mi página web, el overflow-x hidden aplicado en la versión web funciona correctamente, pero cuando lo aplico en el responsive no funciona. He intentado con ...
Irvin's user avatar
  • 3
0 votos
0 respuestas
16 vistas

Como personalizo la barra de navegacion de bootstrap

Quiero personalizar el color de fondo, tipografia, color de la tipografia y tamaño y no puedo. Probé con la hoja de estilo y dentro del codigo de la barra y no se modifica, tampoco encuentro la forma ...
Ariana 's user avatar
0 votos
0 respuestas
11 vistas

No puedo hacer mi codigo responsive

Estoy haciendo un trabajo para la facu y no puedo hacer mi codigo responsive, en teoria es porque mi bloque html . Alguien sabe que solucion le puedo dar o por donde puede venir el error
Ramiro S's user avatar
0 votos
1 respuesta
33 vistas

No se como hacer responsive un form login

Como hacer un Login Responsive. Hola, tengo un codigo de un login y un register que estoy haciendo como proyecto para iniciar sesion o para registrarse, pero me gustaria hacerlo responsive y que quede ...
Brenda's user avatar
  • 1
0 votos
2 respuestas
29 vistas

¿Como hacer que un DIV no se expanda más alla de sus hijos?

Cordial saludo. Estoy navegando por el mundo del HTML + CSS y tengo una duda que no logro resolver: Como hago para que un div hijo ocupe solo lo que le corresponde y no consuma el resto de la ...
Andres Felipe Hernandez's user avatar
0 votos
1 respuesta
32 vistas

como hacer que el navbar se quede pegado a la parte superior después de hacer scroll vertical hacia abajo y tocarlo

Cordial saludo. Me estoy adentrando al mundo del frontend (HTML+Js+CSS+Bootstrap+Jquery) Y tengo el siguiente codigo: <!DOCTYPE html> <html lang="es"> <head> <meta ...
Andres Felipe Hernandez's user avatar
0 votos
0 respuestas
14 vistas

No me detecta la media query

estoy realizando una pagina de practica y la quiero hacer responsive. La cuestion es que no me reconoce la media query, todo lo que modifico antes de eso me lo toma pero las medias hace de cuenta que ...
Mariano Ezequiel OCHOA's user avatar
1 voto
1 respuesta
85 vistas

¿Cómo mantener los márgenes en paginas responsivas con elementos de diferentes tamaños?

Lo que pasa es que tengo un problema con mi pagina responsiva: cuando tengo la resolución de 1280px esta muy bien los elementos, pero cuando la cambio de 1280px para arriba se descuadran. ¿Cómo podría ...
Fabricio Arciniega's user avatar
-1 votos
1 respuesta
73 vistas

COMO PUEDO HACER ESTE TIPO DE FORMULARIO CON ESAS LINEAS A LOS BORDES?

<FORM> <IMPUT LABEL> IDJQOJOFCJOPQEFJOPEQJFOPEWJOPFWJOPFJPOW Mi pregunta es si puedo hacerlo directamente con html o si debo acudir también a css
Lautaroo's user avatar
3 votos
1 respuesta
45 vistas

Existe alguna manera de como acomodar los elementos sin modificar el html?

Debo hacerlo como esta en la imagen sin modificar el código html ya que ese código lo tengo para otras resoluciones entonces no puedo modificarlo. lo que pasa es que hice la resolución de 1280px y la ...
Fabricio Arciniega's user avatar
0 votos
1 respuesta
31 vistas

Tabla responsive

Estoy en un lio desde hace días y no puedo dar con la solución. Tengo que hacer una tabla de horarios semanales de cursado.. he probado con Bootstrap y no puedo lograr hacerla responsive y que se vea ...
FerchusP24's user avatar
0 votos
0 respuestas
31 vistas

Como hago para que mi menu no se vea ocultarse al achicar la pantalla (responsive)

estoy creando una pagina para practicar y me encontre con algo que me gustaria resolver y es la barra de navegacion estilo hamburguesa que cuando la quiero hacer responsive esta funciona bien pero al ...
Agustin Fronciani's user avatar
0 votos
2 respuestas
39 vistas

Scroll horizontal al agregar video de fondo

espero que me puedan ayudar: tengo un sitio que he ido modificando ya que es una plantilla que tiene html, css y js. Mi problema es que en la vista responsiva se activa un scroll horizontal. Al inicio ...
Usuario7's user avatar
-1 votos
1 respuesta
82 vistas

problema con el carrusel , con dropdown y web responsive con Bootstrap5

necesito ayuda ya que me encuentro creando una web html con bootstrap y js para la universidad, y tengo los siguientes problemas: 1.En la ventana "Home", me piden un carrusel que cambie la ...
Raidz's user avatar
  • 1
1 voto
2 respuestas
80 vistas

¿ Como centrar todo el contenido del pop-up?

Quiero crear un pop-up para dispositivos móviles, el cual se abre después de una segundos de entrar en la web. Lo he creado en un Block UX de WordPress. EDITO LA PREGUNTA CON MÁS DETALLES Con la ayuda ...
Diana's user avatar
  • 424
1 voto
1 respuesta
90 vistas

Problema con css height, no se adapta div al contenido

mi problema es el siguiente. Tengo un contenedor que tiene una imagen que ocupa todo el alto. Como la foto es rectangular queda recortada. Quiero que la foto ocupe todo el ancho, lo logre sin ...
Cynthia Villagra's user avatar
0 votos
0 respuestas
38 vistas

Agregar un búscador y categorías al estilo Google Maps pero en Mapbox

Estoy haciendo una aplicación para guardar la ubicación de unos sitios turísticos con la ayuda de la librería mapbox. pero deseo agregar en la parte superior de mi aplicación un búscador y las ...
Jhan Carlos Holguin's user avatar
0 votos
0 respuestas
39 vistas

Slider-Carrusel Framer Motion, problema con el responsive

queria hacer una consulta ya que estoy realizando un carrusel usando framer motion pero al momento de agregar las medidas de arrastres solo me toma la primera y el resto nada. Estoy iniciando con una ...
Raquel Reedemed's user avatar
0 votos
0 respuestas
12 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 ...
DanielaM's user avatar
2 votos
1 respuesta
38 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 ...
Lucas's user avatar
  • 191
1 voto
2 respuestas
42 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 ...
Lucas's user avatar
  • 191
0 votos
1 respuesta
31 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 ...
Lucas's user avatar
  • 191
2 votos
1 respuesta
22 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 ...
Lucas's user avatar
  • 191
1 voto
1 respuesta
96 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 ...
Lucas's user avatar
  • 191
1 voto
2 respuestas
52 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 ...
Lucas's user avatar
  • 191
2 votos
2 respuestas
32 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, ...
user8448402's user avatar
1 voto
1 respuesta
48 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 ...
Lucas's user avatar
  • 191
1 voto
1 respuesta
204 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 ...
Lucas's user avatar
  • 191
1 voto
1 respuesta
25 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 ...
Lucas's user avatar
  • 191
0 votos
0 respuestas
39 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 ...
mauricio's user avatar
  • 434
1 voto
0 respuestas
48 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....
mauricio's user avatar
  • 434
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 ...
Ramirez's user avatar
1 voto
2 respuestas
40 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 ...
Mar Ce's user avatar
  • 13
0 votos
0 respuestas
130 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 ...
Auditore Project's user avatar
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 ...
Arturo Viñas Salazar's user avatar
0 votos
1 respuesta
49 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) ...
Rafael Monroy Rodriguez's user avatar
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 ...
sebastian suarez's user avatar
0 votos
2 respuestas
428 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 ...
David V's user avatar
  • 11
0 votos
1 respuesta
126 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:...
Cristian Guerrero Nenen's user avatar
0 votos
0 respuestas
61 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 ...
Agustin's user avatar
  • 57
0 votos
1 respuesta
53 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....
Mar's user avatar
  • 23
0 votos
1 respuesta
27 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 { ...
Julian Hernandez's user avatar
4 votos
2 respuestas
710 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ú ...
unity-student's user avatar
1 voto
1 respuesta
73 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 ...
Mar's user avatar
  • 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 ...
Warren's user avatar
  • 5
0 votos
2 respuestas
417 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 ...
Corso94's user avatar
  • 13
0 votos
0 respuestas
31 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 ...
SAGEX's user avatar
  • 41
0 votos
0 respuestas
163 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 ...
Jose L.'s user avatar
  • 355
1 voto
1 respuesta
47 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 ...
Emiliano Ivan Luna's user avatar
0 votos
1 respuesta
187 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 ...
JoseMgz_Ux's user avatar

1
2 3 4 5
7