tài sản trên cùng một nguyên tố Nhân bản Phóng to CSS reset zoom tới 1 trong Chrome

Question

Đây là một phiên bản đơn giản của một vấn đề tôi có kinh nghiệm (bug?):

http://jsfiddle.net/LxkA2/8/

Thông báo các yếu tố thứ ba và phong cách đi kèm:

.zoom-twice-same { 
    zoom: 2; 
} 
.zoom-twice-same { 
    zoom: 2; 
} 

Trong Chrome, đây resets zoom tới 1 trên yếu tố đó. Điều tương tự cũng xảy ra với:

.zoom-twice-same, .zoom-twice-same { 
    zoom: 2; 
} 

Tuy nhiên,

.zoom-twice-same { 
    zoom: 2; 
} 
.zoom-twice-same { 
    zoom: 3; 
} 

trình như mong đợi (yếu tố 2).

Hơn nữa,

.zoom-twice-same { 
    zoom: 2.000001; 
} 

.zoom-twice-same { 
    zoom: 2; 
} 

trình như mong đợi. Sử dụng zoom: 2.0000001 và 2 thì không.

Đây có phải là lỗi hoặc có lý do cho hành vi này không?

Answer 1

Tôi đã kiểm tra JSFiddle của bạn và nhận thấy bạn đã CSS sau đây lặp lại hai lần:

.zoom-twice-same { 
    zoom: 2; 
} 

Khi tôi loại bỏ các thứ hai .zoom-twice-same vấn đề không tái xuất hiện như bạn sẽ thấy here.