我们使用HTML5元素<details>
来提供简单的显示/隐藏功能。
这在屏幕上运行良好,但在打印中,任何尚未在屏幕上打开的<details>
元素在打印时都会被隐藏。
我以为这会奏效:
@media print {
details { display:block !important }
}
但事实并非如此。
显然,这代表了一种负面的打印用户体验——有人成功地将其用于打印吗?
感谢
在元素上添加open
属性,不分配任何值。这是确保细节元素在任何情况下都保持打开的最佳方式。http://www.w3schools.com/tags/att_details_open.asp