The Responsive Full Background Image kịch bản cho thấy các nhà thiết kế Web như thế nào để tránh JavaScript và chỉ sử dụng mã CSS để làm cho hình ảnh hiển thị đúng trên toàn bộ diện tích của một trang, mà không cần bất kỳ phần vỏ trắng trống.
Trong khi các "background-size: cover" CSS tài sản có thể đạt được điều này ngày của riêng mình, bởi vì hầu hết các trang web những ngày này đang truy cập từ cả hai thiết bị di động và máy tính để bàn một cách thường xuyên, nếu hình nền không lựa chọn đúng, trên một trong những thiết bị này , hình ảnh sẽ không luôn luôn phù hợp với bên cửa sổ đúng.
Kịch bản này cũng cho biết thêm một truy vấn phương tiện truyền thông CSS3 để nhắm mục tiêu các thiết bị màn hình nhỏ và do đó hãy chắc chắn rằng một hình ảnh khác nhau, phù hợp hơn và nhẹ hơn được sử dụng cho điện thoại thông minh và máy tính bảng.
Nhìn chung lừa này có thể khá hữu ích, đặc biệt là kể từ khi cho một vài năm nay hình ảnh nền chất lượng cao là một xu hướng chung của ngành công nghiệp thiết kế Web.
. Một bản demo được bao gồm với Responsive Full Hình nền Sử dụng gói CSS
Yêu cầu :
- CSS 3 kích hoạt trình duyệt
Bình luận không