Tôi làm cách nào để in một trang web với tất cả kiểu css được gắn vào trang?

Question

Tôi muốn thêm nút in để cho phép người dùng in trang web của tôi. Tuy nhiên khi tôi in tất cả các kiểu css bị mất. Có vẻ như máy in chỉ giữ các phần tử html cơ bản. Nếu tôi cũng muốn in trang chính xác như trong trình duyệt, tôi nên làm gì? Tôi có nghĩa là nếu tôi sử dụng một máy in màu nó sẽ in một trang đầy màu sắc với phong cách css trên đó. Khi tôi sử dụng một máy in màu đen và trắng, nó sẽ in màu sáng như màu trắng và đen như màu xám hoặc đen.

Answer 1

Nếu bạn có media="screen" trên phần tử link, hãy thử xóa hoặc thay thế bằng media="all".

Answer 2

Bản định kiểu CSS có thuộc tính media. Nó chỉ định cho phương tiện truyền thông css này được áp dụng. Các loại phương tiện có thể được liệt kê here.

<style type="text/css" media="all"> 
    @import "myCss.css"; 
</style> 

HOẶC

<link rel="stylesheet" type="text/css" media="print" href="print.css"> 

Answer 3

Hãy xem this và this, mà nên giúp đỡ.

Về cơ bản, bạn cần thêm câu lệnh in css.

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />