2012-02-27 9 views
5

Quando si scrive una pagina Web in html, è possibile utilizzare due diverse misure quantitative per larghezza e min_width?Uso della larghezza e della larghezza minima

Per esempio si può usare:

width: 90% 
min-width: 600px 

fare entrambi hanno essere la stessa unità di misura (px o%) o lo fa non importa? Sto provando questo in una pagina web ma non funziona. Sto usando questo per minimizzare le dimensioni di una tabella jqGrid, ma non penserei che sarebbe importante.

risposta

5

Questi possono sicuramente funzionare insieme. La dichiarazione di larghezza sarà impostata al 90% di qualunque sia la larghezza del contenitore. La larghezza minima lo rende tale per cui l'elemento deve essere largo almeno 600 px.

+0

Grazie. Questo non era un copia-incolla dal mio sito, quindi non sono sicuro di quale sia la causa del problema. Ma hai convalidato il mio pensiero iniziale. Grazie! – WildBill

+1

@WildBill: se hai fornito un link potremmo aiutarti ulteriormente. – animuson

+0

Vale la pena aggiungere che la proprietà 'min-width' sovrascrive sempre la proprietà' width' (quando si applicano allo stesso elemento) indipendentemente dall'ordine di dichiarazione in CSS. –

3

Deve essere min-width: 600px;. Possono essere usati insieme e possono usare diverse unità. Guarda un esempio here. L'elemento non si ridurrà a qualsiasi più piccolo di min-width, se c'è spazio sufficiente utilizzerà il valore width, quindi in questo caso il 90% dello spazio disponibile.

2

Non si descrive esattamente come si consente all'utente di modificare la dimensione della griglia. Se si utilizza gridResize, è possibile aggiungere ulteriori opzioni come

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