Có cách nào sử dụng CSS để chia tỷ lệ phần tử hay không. Ví dụ: nếu tôi có hình ảnh, làm cách nào tôi có thể nóiLàm cách nào để chia tỷ lệ chiều cao và chiều rộng của phần tử bằng CSS?
img.height = image.height * 0.75 // scale down to 0.75
bằng CSS?
Hãy thử điều này:
div.zoomed { zoom: 0.75; -moz-transform: scale(0.75); }
nên làm việc trong: Firefox 3.5, IE 5.5+, Opera, Safari 4, Chrome
Edit: Bạn cũng nên thêm -webkit-transform: scale(0.75); dành cho Chrome và Safari, mặc dù các phiên bản mới nhất hỗ trợ zoom
Kể từ CSS 2.1, bạn không thể thay đổi kích thước của một phần tử tùy thuộc vào các yếu tố khác (bao gồm cả chính nó).
Bạn sẽ phải sử dụng JavaScript cho việc này.
Có thể sẽ có thể trong CSS3 với các biến CSS.
'zoom: 0.75' là gì nếu 'biến đổi -moz: scale (0.75)' hoạt động? –
"thu phóng" dành cho IE, Chrome ... "-moz-transform" chỉ dành cho Firefox. – enloz