(编辑:jimmy 日期: 2024/11/13 浏览:2)
@media
规则非常适合于将 HTML 或 XML 文档定位为目标输出方法。目前,print
媒体的使用非常普遍,与实现单独的 “可打印版本” 相比,print
提供了更加整洁的方式来创建打印机友好的页面。screen
媒体一直未得到充分利用,原因可能是因为人们通常都认为 screen
仅仅是 “默认的呈现方式”。然而,就布局而言(尤指绝对布局),screen
媒体类型具有重要的意义,样式表规则并不关心媒体类型,因此没有涵盖这一点。
<frame>
或 <iframe>
元素内就可解决问题。但是,使用框架不仅会损失应用程序的简单性,还降低客户机 ECMAscript 在交互期间控制 <div>
元素可视性的能力。最好的方法是对界面使用纯粹的 CSS 表示。
wc
的摘要显示读取内容。我希望浏览器显示如图 1 所示的内容。
<div class="top">
中编号的行时,问题出现了:
<div>
的 fixed
而不是 absolute
布局。
@media
规则创建一个稍微复杂一点的样式表:
top
和 bottom
<div>
元素的特定位置针对媒体的不同做了调整。产生如图 4 的效果: