Chuyển đổi CSS3: tỷ lệ trong IE

Question

Tôi muốn sử dụng biến đổi thuộc tính CSS3: scale.

div 
{ 
    transform: scale(0.5,0.5); 
} 

Có cách nào để bắt chước điều này trong Internet Explorer 8 trở xuống không? Có thể là điều gì đó với filter hoặc giải pháp Javascript?

Tôi đã tìm kiếm trên web mà không có bất kỳ kết quả nào.

Thanks a lot, Vincent

Answer 1

IE9 hỗ trợ chuyển đổi:

-ms-transform: scale(0.5,0.5); 

Đối với các phiên bản khác của IE, có một cú pháp phức tạp. Một cái gì đó như thế này:

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
    M11=1.5320888862379554, M12=-1.2855752193730787, 
    M21=1.2855752193730796, M22=1.5320888862379558); 

Look here để biết thêm thông tin.

Answer 2

http://msdn.microsoft.com/en-us/library/ms533014(v=vs.85).aspx

mặc dù, bộ lọc trong IE là không dễ dàng để sử dụng và họ không phải lúc nào kết hợp với các hiệu ứng css khác ....

nhưng IE 9 hỗ trợ quy mô https://developer.mozilla.org/en/CSS/transform

Answer 3

Không, IE8 trở về trước không hỗ trợ kiểu transform tiêu chuẩn. IE9 không hỗ trợ nó mặc dù.

Có các giải pháp bạn có thể thử sử dụng kiểu filter, nhưng chúng sẽ lộn xộn.

Nhưng đối với trường hợp đơn giản mà bạn mô tả trong câu hỏi (về cơ bản là giảm tỷ lệ đơn giản), bạn có thể sử dụng thuộc tính độc quyền của IE zoom.

Vì nó không chuẩn, việc sử dụng phổ biến nhất của zoom là với zoom:1, được sử dụng để sửa chữa một số lỗi bố trí của IE (cụ thể trong IE6 và IE7). Nhưng nó cũng làm phóng to thực tế là tốt, và bạn có thể sử dụng zoom:0.5 để đạt được hiệu quả mà bạn đang tìm kiếm.

Điều tốt về việc sử dụng zoom là nó hoạt động trong IE giống như bất kỳ thuộc tính CSS thông thường nào khác (thay thế filter có một số quirks hiển thị nghiêm trọng mà bạn cần biết).

Chỉ từ phía dưới của việc sử dụng zoom là bạn cần tắt nó trong IE9 hoặc mới hơn, nếu không nó sẽ xen kẽ với kiểu transform của bạn và có một số hiệu ứng không mong muốn. Tôi không phải là người thường hỗ trợ sử dụng hacks CSS, nhưng bạn có thể sử dụng hack /9 (documented here) để làm cho nó chỉ ảnh hưởng đến IE8 và trước đó, nghĩa là bạn có thể chỉ định cả transform và zoom trong cùng một biểu định kiểu, như vậy :

div { 
    transform: scale(0.5,0.5); 
    zoom: 0.5\9; 
} 

Nếu không, bạn cần sử dụng các nhận xét có điều kiện để xác định có sử dụng hay không. Rõ ràng nếu bạn muốn làm bất cứ điều gì phức tạp hơn một thang tỷ lệ đơn giản, thì zoom sẽ không phù hợp, nhưng đối với một trường hợp đơn giản như trường hợp trong câu hỏi của bạn, nó sẽ là hoàn hảo.

Answer 4

Hãy thử điều này: https://github.com/pbakaus/transformie