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.
305
preguntas
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 ...
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 ...
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
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 ...
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 ...
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 ...
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 ...
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 ...
-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
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 ...
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 ...
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 ...
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 ...
-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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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, ...
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 ...
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 ...
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 ...
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 ...
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....
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
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 ...
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 ...
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
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)
...
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
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 ...
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:...
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 ...
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....
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 {
...
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ú ...
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 ...
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
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 ...
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 ...
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 ...
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 ...
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 ...