Tôi muốn tối đa hóa kích thước của ảnh chụp màn hình và tránh thanh cuộn hoặc tràn quá mức tối đa.
Bạn đề nghị kích thước nào?
Tôi đang sử dụng hộp đèn.
Tôi muốn tối đa hóa kích thước của ảnh chụp màn hình và tránh thanh cuộn hoặc tràn quá mức tối đa.
Bạn đề nghị kích thước nào?
Tôi đang sử dụng hộp đèn.
Câu trả lời:
Đây là công cụ Kích thước Trình duyệt tuyệt vời của Google cho thấy có bao nhiêu phần trăm người dùng sẽ thấy các khu vực khác nhau trên trang web của bạn. Điều này thực sự giúp kiểm tra các trang web và đảm bảo rằng những người trên màn hình 'nông' (hầu hết máy tính xách tay có màn hình rất rộng nhưng rất nông / không sâu) có thể thấy nội dung quan trọng của bạn và kêu gọi hành động.
Cập nhật : Google hiện đã thêm chức năng này vào Google Analytics, cho phép bạn xem khách truy cập có thể thấy trang web của bạn bao nhiêu: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html
Điều này có thể khác nhau tùy theo trang web và cơ sở người dùng, nhưng nhiều trang web vẫn hỗ trợ chiều rộng màn hình rộng 1024 pixel (vì vẫn có một cơ sở người dùng khá lớn sử dụng độ phân giải đó). Do đó, bạn muốn hình ảnh của mình đủ lớn để vừa với một không gian rộng 1024 pixel. Giả sử bạn có 15px chrome ở bên trái và bên phải của hộp đèn và bạn muốn có lề 30px ở hai bên cho những người chạy độ phân giải màn hình rộng 1024px.
1024 - 30px (chrome hộp đèn) - 60px (lề) = hình ảnh rộng 934px.
Một lần nữa, các chi tiết cụ thể có thể khác nhau cho trang web của bạn, đặc biệt nếu bạn muốn các cạnh của hộp đèn nằm ở một điểm nhất định liên quan đến trang của bạn hoặc nếu bạn đang cố gắng chụp vào lưới hoặc một cái gì đó tương tự.
Một giải pháp tuyệt vời sẽ là tải lên các ảnh chụp màn hình ở độ phân giải tối đa 2560x1600. Sau đó, khi trang tải, phát hiện kích thước cửa sổ trình duyệt và sử dụng trình xử lý hình ảnh để thay đổi kích thước và lưu hình ảnh trên máy chủ của bạn theo yêu cầu đầu tiên.
Bằng cách đó, những người có màn hình độ phân giải cao sẽ không bị lãng quên.
$(window).width()
và $(window).height()
trong jQuery dường như là hợp lệ!