JavaScript có thể thay đổi giá trị của @page CSS không?

Question

CSS sau ảnh hưởng đến việc liệu trang có in theo chiều dọc hoặc ngang theo mặc định hay không.

@page { 
    size: landscape; 
} 

Tôi nhận ra rằng điều này chỉ hoạt động trên một nhóm trình duyệt rất hạn chế và người dùng có thể ghi đè lên. Không sao đâu; Tôi chỉ cố gắng cung cấp một mặc định tốt.

Điều này hoạt động tốt như một giá trị tĩnh trong CSS, nhưng tôi muốn chuyển động động giữa cảnh quan & dọc dựa trên lựa chọn của người dùng. Có thể sử dụng JavaScript để thay đổi giá trị này không?

Answer 1

Một cách đơn giản là tạo ra một phong cách riêng biệt cho @page và thay đổi nó:

var cssPagedMedia = (function() { 
    var style = document.createElement('style'); 
    document.head.appendChild(style); 
    return function (rule) { 
     style.innerHTML = rule; 
    }; 
}()); 

cssPagedMedia.size = function (size) { 
    cssPagedMedia('@page {size: ' + size + '}'); 
}; 

cssPagedMedia.size('landscape');