Các zoombất động sản trong CSS cho phép bạn mở rộng nội dung của bạn. Nó không phải là tiêu chuẩn và ban đầu chỉ được triển khai trong Internet Explorer. Mặc dù một số trình duyệt khác hiện hỗ trợ thu phóng, nhưng nó không được khuyến nghị cho các trang web sản xuất.
.zoom ( zoom: 150%; )Các giá trị “được hỗ trợ: là:
percentage- Chia tỷ lệ theo tỷ lệ phần trăm nàynumber- Chuyển đổi sang tỷ lệ phần trăm và tỷ lệ - 1 == 100%; 1,5 == 150%;normal- phóng to: 1;
Nếu trình duyệt của bạn hỗ trợ, bạn sẽ thấy những hình ảnh này ở các kích thước khác nhau:
Zoom là một thứ cũ của IE. Nó không phải là thứ bạn nên sử dụng trên các trang web trực tiếp. Nếu bạn muốn chia tỷ lệ nội dung, hãy sử dụng CSS Transforms. Bạn cũng có thể sử dụng bộ lọc nếu bạn cần hỗ trợ oldIE.
Quay trở lại những ngày của IE6, zoom chủ yếu được sử dụng như một cuộc tấn công. Nhiều lỗi kết xuất trong cả IE6 và IE7 có thể được sửa bằng cách sử dụng thu phóng. Ví dụ, display: inline-blockkhông hoạt động tốt trong IE6 / 7. Cài đặt đã zoom: 1khắc phục sự cố. Lỗi liên quan đến cách IE hiển thị bố cục của nó. Cài đặt zoom: 1đã bật thuộc tính nội bộ có tên là hasLayout, đã khắc phục sự cố.
Hỗ trợ trình duyệt
| Trình duyệt Chrome | Safari | Firefox | Opera | I E | Android | iOS |
|---|---|---|---|---|---|---|
| Bất kì | 4.0+ | không ai | không ai | 5.5+ | TBD | TBD |
Safari cũng hỗ trợ zoomkể từ phiên bản 4. Tuy nhiên, nó thêm một giá trị mới: reset. Điều đó nói với trình duyệt không thu phóng phần tử của bạn khi thu phóng. Vậy cmd / ctrl + của bạn? Nó không hoạt động trên các phần tử zoom: resetđược áp dụng.