Me preguntaba cómo haría un asp.lista desplegable neta sensible. Y con eso quiero decir que cuando estoy en mi teléfono inteligente formateará su ancho para que se ajuste a la pantalla, y cuando esté en una tableta haría lo mismo y así sucesivamente.
Cualquier ejemplo sería genial.
Gracias por la ayuda
Respuestas
4 para la respuesta № 1Paso 1: agrega una o más clases CSS
Deberá comenzar agregando una clase CSS al control de la lista desplegable (en adelante denominado "el control"). Esto se puede hacer agregando una o más clases al atributo CssClass en el control. Además, debe echar un vistazo a las declaraciones CSS condicionales.
Paso 2: agregue los estilos de diseño receptivo habituales a la clase
Un estilo de diseño receptivo básico es algo como esto
.responsiveWidth{width:100%;max-width:950px;min-width:650px;}
Cosas para recordar...
Solo recuerde que cuando use el ancho máximo y mínimo, se espera que si usa un porcentaje para width
, entonces debe usar un ancho explícito para max-width
y min-width
. Esto va en ambos sentidos, por lo que podría hacer:
.reponsiveWidth{width:900px;max-width:100%;}
... que mantendría el control a 900px de ancho a menos que el ancho de la pantalla caiga por debajo de 900px.
Información de bonificación:
Aquí hay algunos enlaces que tengo en mi carpeta "Diseño receptivo" en mis marcadores ...
Consejos
- 7 consejos de diseño receptivo para mejorar su flujo de trabajo
- Cómo usar sentencias CSS condicionales
- 5 trucos CSS útiles para un diseño receptivo
Referencias
1 para la respuesta № 2
Dale una clase css y establece el ancho en un tamaño relativo. (100% por ejemplo)