2015-05-18 29 views
5

Xin chào Tôi đang cố gắng hiển thị màu nền đồng nhất khi in.
Tôi đã sử dụngmàu nền in css ở trang cuối

@media print { 
    height: 100%; 
    min-height:100%; 
    background: #CCC; 
} 

Và kích hoạt "nền đồ họa in" trong Chrome và Safari.
Nhưng trên trang cuối cùng có một điểm trắng bên dưới vì trang web không bao gồm chiều cao 100% của trang A4/Thư.

Ảnh:

Trang đầu tiên: Có vẻ như dự định.

Trang cuối: Có khoảng trắng trống bên dưới mà tôi muốn tô màu.

Trả lời

2

này:

@media print { 
    height: 100%; 
    min-height:100%; 
    background: #CCC; 
} 

có lẽ nên được:

@media print { 
    body { 
     height: 100%; 
     min-height:100%; 
     background: #CCC; 
    } 
} 
+0

Hi tôi làm theo các điều chỉnh mã nhưng Chrome và Safari vẫn không hiển thị nền cho toàn màn hình. –

+0

bạn cần hiển thị cho chúng tôi mã cần thiết để giúp bạn. HTML đầy đủ sẽ tốt. – dippas

1

Áp dụng nó như dưới đây

@media print { 
    body, html{ 
    height: 100%; 
    min-height:100%; 
    background: #CCC; 
    } 
} 
+0

Xin chào, tôi đã làm theo mã chỉnh sửa nhưng Chrome và Safari vẫn không hiển thị nền ở chế độ toàn màn hình. –

Các vấn đề liên quan