Làm cách nào để chuyển đổi chiều cao của phần tử được cho trong vh thành pixel?

Question

Tôi có chiều cao tối đa của một phần tử là 65vh. Tôi cần phải chuyển đổi nó thành các pixel trong JavaScript của tôi để xem liệu một hình ảnh có thể vừa với không hoặc tôi có cần thu nhỏ/cắt nó hay không. (đang làm phát triển ứng dụng win8).

Tính năng này có hoạt động không?

100 vh = screen.height do đó 65vh bằng pixel là screen.height *0.65

Answer 1

Không nhất thiết screen.height * 0.65, nhưng viewport.height * 0.65. Mặc dù ứng dụng Windows 8 sẽ luôn có cùng chiều cao, bất kể trạng thái được ngắt, đây là sự khác biệt quan trọng trong các ứng dụng dựa trên trình duyệt.

Trong JavaScript:

document.documentElement.clientHeight * 0.65; 

Nếu bạn đang sử dụng jQuery, bạn có thể làm:

$(window).height() * 0.65; 

Answer 2

Khi tôi sử dụng $("div").height(); nó thực sự trả về giá trị tính theo pixel.

Kiểm tra điều này fiddle.