Chiều rộng tối đa CSS trong IE8

Question

Đối với đầu vào của tôi, có thể có classname="half" hoặc "half.not-placeholder-value", Firebug hiển thị cả hai đầu vào có chiều rộng cố định, cố định là 25em.

input.half, input.half.not-placeholder-value { 
    max-width: 25em; 
} 

Tuy nhiên, theo Công cụ dành cho nhà phát triển, IE8 dường như không sử dụng đặc tính max-width cụ thể này. Tôi nói "dường như không sử dụng" vì hành vi của Firefox khác với IE8 đối với thuộc tính này.

Nhưng MDN docs nói rằng IE7 hỗ trợ max-width. Tui bỏ lỡ điều gì vậy?

Answer 1

Đây không phải là thực sự là một vấn đề IE8 từ IE8 không hỗ trợ thuộc tính max-width nhưng chỉ khi đưa ra một định nghĩa rộng đầu tiên.

input.half, input.half.not-placeholder-value { 
    width: 100%; 
    max-width: 25em; 
} 

Answer 2

Sử dụng css IE8 với width? Phần đầu tiên nhắm vào IE, phần thứ hai sẽ hoàn tác nó cho IE9 +.

input.half, input.half.not-placeholder-value { 
    max-width: 25em; 
    width:25em\9; /* IE 8 */ 
} 
:root input.half, input.half.not-placeholder-value { 
    width:inherit\9; /* IE 9+ */ 
}