pei*_*rix 22
没关系,找到了答案.对于任何感兴趣的人,这是你如何做到的:
@page land { size:landscape; }
@page port { size:portrait; }
.landscapePage { page:land; }
.portraitPage { page:port; }
Run Code Online (Sandbox Code Playgroud)
瞧!
小智 14
对于仍然坚持Derek提到的问题的人,我发现我需要在切换其布局的元素上明确设置宽度.所以用示例div
<div class="portraitPage">
<p>Some page content in portrait</p>
</div>
<div class="landscapePage">
<p>Some page content in landscape</p>
</div>
Run Code Online (Sandbox Code Playgroud)
它将正确格式化纵向页面,后跟横向页面,但横向页面中的内容将仅与纵向页面一样宽,即使@page land声明包含宽度.我需要的是直接在应用了相关类的div上设置宽度,因此声明更像是
.landscapePage { page:land; width: 29.7cm; }
Run Code Online (Sandbox Code Playgroud)
但请注意,宽度应考虑通过@page声明块应用的任何边距或填充.
归档时间: |
|
查看次数: |
9001 次 |
最近记录: |