2012-02-27 139 views
5

在html中編寫網頁時,可以使用兩種不同的寬度和最小寬度的定量度量嗎?寬度和最小寬度的使用

例如,你可以使用:

width: 90% 
min-width: 600px 

難道他們都必須測量(像素或百分比)的同一單位或者它沒有關係?我試圖在網頁上,但它不工作。我正在使用它來最小化jqGrid表的大小,但我不認爲這很重要。

回答

5

這些絕對可以一起工作。寬度聲明將被設置爲容器寬度的90%。最小寬度使得元素的寬度至少爲600px。

+0

謝謝。這不是我網站上的剪切粘貼,所以我不確定是什麼導致了這個問題。但是你驗證了我最初的想法。謝謝! – WildBill 2012-02-27 21:37:06

+1

@WildBill:如果您提供了一個鏈接,我們可以進一步幫助您。 – animuson 2012-02-27 21:42:07

+0

值得補充的是,無論CSS中聲明的順序如何,'min-width'屬性總是會覆蓋'width'屬性(當它們應用於相同的元素時)。 – 2017-10-12 08:28:13

3

它應該是min-width: 600px;。它們可以一起使用並可以使用不同的單位。看一個例子here。元素不會縮小到比min-width小,如果有足夠的空間,它將使用width值,因此在這種情況下,可用空間的90%。

2

您沒有準確描述如何讓用戶更改網格大小。如果您使用gridResize那麼你可以添加額外的選項,如

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