我正在重构我的网站以使用 HTML5 details 标签，as described here ，以提高可访问性。
这是我的问题:我知道我可以在details标签中添加"open"属性来确保默认显示内容:
<details open>
<summary>Show/Hide me</summary>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</details>
但有没有一种方法可以在 CSS 中进行响应式设置，以便 open 属性自动应用于宽度大于 640px 的页面，并自动删除对于宽度低于 640px 的页面？
更新:明确地说，我知道我可以使用其他 CSS 样式来完成。我有兴趣了解是否可以仅使用 open 属性来执行此操作。
最佳答案
使用纯响应式样式和仅使用 open 属性是不可能的。
但是当屏幕具有您想要的宽度时，您可以使用媒体查询和其他 CSS 样式来隐藏元素。请参阅:http://css-tricks.com/logic-in-media-queries/
关于css - 我可以响应式地在 HTML5 <details> 上设置 "open"属性吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21096022/