Đối với bất cứ ai vẫn còn mắc kẹt với vấn đề Derek đã đề cập, tôi đã tìm thấy rằng tôi cần phải đặt rõ ràng chiều rộng trên phần tử đang chuyển đổi bố cục của nó. Vì vậy, với các ví dụ div
<div class="portraitPage">
<p>Some page content in portrait</p>
</div>
<div class="landscapePage">
<p>Some page content in landscape</p>
</div>
nó sẽ định dạng một cách chính xác một trang chân dung tiếp theo là một trang nằm ngang, nhưng nội dung trong trang nằm ngang sẽ chỉ có rộng như trang dọc, ngay cả khi đất khai @page chứa chiều rộng. Cái tôi cần là để thiết lập chiều rộng trực tiếp trên div có class có liên quan áp dụng, vì vậy việc khai báo là một cái gì đó giống như
.landscapePage { page:land; width: 29.7cm; }
Hãy cẩn thận rằng mặc dù độ rộng nên đưa vào tài khoản bất kỳ lợi nhuận hoặc đệm áp dụng thông qua các @page declaration block.