Tất cả các câu trả lời trên SO để tìm chiều cao của thiết bị dường như dựa trên jQuery. Chúng ta cần một cái gì đó trong JavaScript thuần trước khi mã jQuery tải.Nhận chiều cao cửa sổ trên thiết bị di động (đặc biệt là iPhone) mà không cần sử dụng jQuery
Trả lời
document.documentElement.clientHeight
Có một số phương pháp khác nữa: http://responsejs.com/labs/dimensions/
Có thể là một chút trễ, nhưng sử dụng window.screen.height
Tại sao lại là downvote? Điều gì là sai với điều này? –
vì 'window.screen.height' trả về chiều cao màn hình, chứ không phải chiều cao khung nhìn của trình duyệt –
Trong hầu hết các trường hợp, $ (window) .height(); thực hiện công việc. Tuy nhiên, trên iOS, nó cho kết quả sai vì các thanh công cụ, giống như $ (cửa sổ) .outerHeight();. Giá trị phù hợp để sử dụng là window.outerHeight.
Hãy thử điều này:
(typeof window.outerHeight != 'undefined')?Math.max(window.outerHeight, $(window).height()):$(window).height()
- 1. Chiều cao trang trên thiết bị di động jQuery
- 2. Cửa sổ bật lên trên thiết bị di động jquery không hoạt động?
- 3. Chuyển đổi trang trên thiết bị di động của JQuery mà không cần jQuery mobile
- 4. Thanh trượt jQuery thân thiện với thiết bị di động mà không cần gói toàn bộ thư viện di động?
- 5. Trượt trên thiết bị di động jQuery không hoạt động
- 6. Lấy chiều cao cửa sổ
- 7. Di chuyển cửa sổ mà không cần biên giới
- 8. sử dụng jQuery UI - chiều rộng thiết lập trên một hộp multiselect đặc biệt
- 9. jQuery // var theHeight = chiều cao cửa sổ trừ 50px?
- 10. Ghép màu trên thiết bị di động jQuery
- 11. Cách sử dụng webcam Jquery cho thiết bị di động (Android, iphone)?
- 12. UIToolbar chiều cao trên luân chuyển thiết bị
- 13. Chuyển tiếp trang di động jQuery CSS3 mà không cần thư viện di động jQuery
- 14. jQuery UI Draggable không hoạt động trên thiết bị ios
- 15. Thiết bị di động được phát hiện là thiết bị không di động
- 16. Có thể viết thiết bị dựa trên cửa sổ không?
- 17. Bộ công cụ nào dành cho webapps trên thiết bị di động iPhone?
- 18. jQuery - Phát hiện thay đổi chiều rộng cửa sổ nhưng không thay đổi chiều cao
- 19. cách tải cửa sổ Hoạt động mà không cần xem?
- 20. Nút Bootstrap bị "kẹt" trên thiết bị di động
- 21. thoại jQuery UI: cuộn dọc làm việc không đúng nếu chiều cao hộp thoại hơn chiều cao cửa sổ
- 22. Javascript profiling trên thiết bị di động
- 23. JQuery: chiều cao năng động() với cửa sổ thay đổi kích thước()
- 24. Làm thế nào để có chiều cao animate trong CSS hoặc Javascript trên thiết bị di động
- 25. Lấy chiều cao/chiều rộng của cửa sổ WPF
- 26. Nhận chiều cao và chiều rộng của nội dung hoặc cửa sổ của trang web
- 27. vim: mở cửa sổ xem trước mà không cần di chuyển văn bản trong cửa sổ chính
- 28. Titanium: có chiều cao png mà không cần tạo ImageView
- 29. Sự khác biệt giữa $ (cửa sổ) và cửa sổ trong jquery/javascript
- 30. Hành vi video HTML5 trên thiết bị di động
oops, xin lỗi, chúng ta cần các khung nhìn, nhưng nó có vẻ như liên kết của bạn có chứa câu trả lời nào. cảm ơn! – Crashalot