Sử dụng chiều rộng và chiều rộng tối thiểu

Question

Khi viết một trang web bằng html, bạn có thể sử dụng hai biện pháp định lượng khác nhau cho chiều rộng và min_width không?

Ví dụ, bạn có thể sử dụng:

width: 90% 
min-width: 600px 

Do cả hai đều phải cùng đơn vị đo lường (px hoặc%) hay nó không quan trọng? Tôi đang cố gắng này trong một trang web nhưng nó không hoạt động. Tôi đang sử dụng điều này để tối thiểu kích thước một bảng jqGrid, nhưng tôi sẽ không nghĩ rằng đó sẽ là vấn đề.

Answer 1

Đây chắc chắn có thể hoạt động cùng nhau. Việc khai báo chiều rộng sẽ được đặt 90% cho dù chiều rộng của nó là bao nhiêu. Chiều rộng tối thiểu làm cho nó sao cho phần tử phải rộng ít nhất 600px.

Answer 2

Nó phải là min-width: 600px;. Chúng có thể được sử dụng cùng nhau và có thể sử dụng các đơn vị khác nhau. Xem ví dụ here. Phần tử sẽ không co lại thành bất kỳ nhỏ hơn min-width, nếu có đủ không gian, nó sẽ sử dụng giá trị width, vì vậy trong trường hợp này 90% không gian có sẵn.

Answer 3

Bạn không mô tả chính xác cách bạn cho phép người dùng thay đổi kích thước lưới. Nếu bạn sử dụng gridResize thì bạn có thể thêm các tùy chọn bổ sung như

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