jQuery có thể sửa đổi CSS cho một loại phương tiện cụ thể không?

Question

Có thể jQuery sửa đổi CSS cho loại phương tiện cụ thể (ví dụ: in) không?

Vấn đề cụ thể của tôi là tôi đang sử dụng ảnh động trên một phần tử và nó ghi đè bản định kiểu in, làm hỏng bố cục in của tôi. Mặc dù vấn đề của tôi hơi khác so với câu hỏi chung đặt ra, tôi nghĩ câu trả lời sẽ giúp tôi giải quyết vấn đề của mình. Bất kỳ cách giải quyết nào cũng có thể hữu ích. Nhiều nghĩa vụ.

Answer 1

Bạn không cần phải làm điều này với Javascript. Chỉ cần sử dụng quy tắc @media trong tài liệu css của bạn. Bạn có thể viết tất cả những thứ này chỉ trong một tệp css. Dưới đây là cụ thể W3C Documentation

@media screen { 

/* all your fancy screen css with a bunch of animation stuff*/ 

} 

@media print { 

/* all your fancy print css just plain */ 

} 

Bạn có thể viết các khai báo rất cụ thể và phù hợp với tất cả các yếu tố theo nhu cầu của mình. Btw được hỗ trợ xuống IE6. Hoạt động như một sự quyến rũ trong các dự án của chúng tôi.

@media print { 
    body { font-size: 10pt } 
} 

@media screen { 
    body { font-size: 13px } 
} 

@media screen, print { 
    body { line-height: 1.2 } 
} 

Answer 2

Thêm một css cho đa phương tiện (in) với một quy tắc cụ thể mà giấu đi một yếu tố (ví dụ #div {display: none;})

Trong kịch bản của bạn, nếu đây:

$('#div').is(':visible') 

là đúng, sau đó bạn đang ở trên một phương tiện in (in).