Phát triển độ phân giải 4K trên máy tính để bàn hoặc cho phép trình duyệt xử lý việc mở rộng quy mô?

Question

Tôi có một câu hỏi chung về thiết kế web. Gần đây, văn phòng của chúng tôi đã mua một vài màn hình tivi 4K rất lớn. Điều đầu tiên mọi người làm là cắm Surface Pro 3 lên nó.

Tôi đã tải lên trang web công ty của mình trên đó. Nó không tuyệt vời. Rất, rất, rất mỏng. Nó được phát triển để đáp ứng các độ phân giải khoảng 1080p.

Bây giờ, đó là IE11, trên Windows 8.1. Tôi không biết Edge có cửa hàng gì với Windows 10. Tuy nhiên tôi biết rằng Chrome có chế độ "HiDPI" mà tôi tin rằng thiết lập kích thước màn hình thiết bị và điều chỉnh mọi thứ, và họ đang tích cực cải thiện tính năng này.

Nếu màn hình được xử lý như thể là 1080p và mọi thứ được chia tỷ lệ gấp 2 lần, tôi rõ ràng cho tất cả các trang web của tôi.

Câu hỏi của tôi là, tôi có nên dựa vào việc chia tỷ lệ trình duyệt không? Điều đó sẽ trở thành tiêu chuẩn? Hay đơn giản là một điều ác cần thiết mà họ phải thực hiện để tương thích ngược với phần lớn hiện tại của toàn bộ internet?

Tôi có nên tiếp tục thêm thiết kế đáp ứng hơn và đảm bảo thiết kế có vẻ tốt, tất cả sẽ đạt đến độ phân giải 4K không? Có bất kỳ thẻ meta nào cần lưu ý để đảm bảo tôi tận dụng lợi thế của tỷ lệ trình duyệt khi có thể không?

Xin lỗi vì có nhiều câu hỏi. Để giữ này ngắn và ngọt ngào, tôi sẽ chỉ cần yêu cầu này:

Tôi nên bắt đầu tập trung vào việc đảm bảo trang web đáp ứng của tôi trông tốt tất cả các con đường lên đến 4K độ phân giải, hoặc tiếp tục phát triển cho độ phân giải 1080p và cầu nguyện trình duyệt mở rộng quy mô trở thành chuẩn mực cho màn hình 4K?

Answer 1

Câu hỏi của tôi là, tôi có nên dựa vào chia tỷ lệ trình duyệt không? Điều đó sẽ trở thành tiêu chuẩn?

Tỷ lệ DPI là rất quan trọng trên thiết bị di động nơi bạn có màn hình nhỏ với mật độ điểm ảnh cao.

Trên máy tính để bàn, câu chuyện không hoàn toàn thẳng về phía trước. Có 24 "màn hình 4k mà bạn có thể dễ dàng xem xét màn hình DPI cao và do đó người dùng có thể sẽ chọn áp dụng quy mô DPI khi có sẵn. Ai đó thậm chí có thể chọn sử dụng TV 60 "4k làm màn hình máy tính. Mật độ pixel thấp hơn nhiều và tỉ lệ DPI sẽ lãng phí rất nhiều bất động sản. Vì vậy, người dùng có thể chọn chạy các cấu hình như vậy mà không cần mở rộng quy mô.

người dùng như vậy có thể là một thiểu số nhỏ trong tương lai gần, nhưng những tồn tại có thể đánh giá cao một responsive design mà làm điều gì đó hợp lý với độ phân giải cao như vậy.

Liệu nỗ lực có đáng để bạn quyết định hay không. Người dùng luôn có tùy chọn sử dụng không gian màn hình khác nhau, ví dụ: bằng cách hiển thị hai ứng dụng cạnh nhau.

Answer 2

Sử dụng truy vấn phương tiện để phù hợp với trường hợp sử dụng bổ sung. Ngay cả khi trình duyệt cuối cùng cũng khôn ngoan và bắt đầu xử lý 1px khác nhau cho màn hình máy tính để bàn khác nhau, điều này có thể mất một thời gian và trong khi đó trang web của bạn trông crap trên màn hình 4K đó.

Để có hướng dẫn về cách xử lý 4K bạn có thể kiểm tra bài viết này, đó là hữu ích: http://www.infiniteproduction.eu/blog/building-4k-uhd-website-3840-2160

Các ý chính cơ bản là bạn muốn mở rộng quy mô bố trí của bạn, làm cho hình ảnh vector của bạn nếu có thể để họ có thể cũng được tăng tỷ lệ và tăng kích thước phông chữ của bạn.

Khi/nếu trình duyệt cuối cùng có được hỗ trợ cho màn hình độ phân giải 4K, trang web của bạn sẽ vẫn hiển thị độc đáo, do đó, thực sự không có gì để mất.