2012-02-27 59 views
5

Al escribir una página web en html, ¿puede utilizar dos medidas cuantitativas diferentes para ancho y min_ ancho?Uso del ancho y el ancho mínimo

Por ejemplo se puede utilizar:

width: 90% 
min-width: 600px 

hacer que ambos tienen que ser la misma unidad de medida (px o%) o lo hace no importan? Lo intento en una página web pero no funciona. Estoy usando esto para dimensionar mínimamente una tabla jqGrid, pero no creo que eso importe.

Respuesta

5

Definitivamente estos pueden funcionar juntos. La declaración de ancho se establecerá en un 90% de lo que sea el ancho del contenedor. El ancho mínimo lo hace para que el elemento tenga al menos 600 píxeles de ancho.

+0

Thanks. Esto no fue un corte y pegado de mi sitio, por lo que no estoy seguro de lo que está causando el problema. Pero has validado mi pensamiento inicial. ¡Gracias! – WildBill

+1

@WildBill: si proporcionó un enlace, podríamos ayudarlo. – animuson

+0

Merece la pena agregar que la propiedad 'min-width' siempre anula la propiedad' width' (cuando se aplican al mismo elemento) independientemente del orden de declaración en CSS. –

3

Debe ser min-width: 600px;. Se pueden usar juntos y pueden usar diferentes unidades. Vea un ejemplo here. El elemento no se reducirá a ninguno más pequeño que el min-width; si hay espacio suficiente, usará el valor width, por lo que en este caso es el 90% del espacio disponible.

2

No se describe exactamente cómo permite al usuario cambiar el tamaño de la cuadrícula. Si usa gridResize, puede agregar opciones adicionales como

$("#list").jqGrid('gridResize', {minWidth: 450, minHeight: 100}); 
Cuestiones relacionadas