amp-html - 是否可以按媒体大小设置 amp-accordion 扩展属性?
问题描述
我有一个包含一堆内容部分的 AMP 页面。我想将它们显示在仅用于移动视图的 amp-accordion 中。
我采取的方法是:
- 将部分放入 amp-accordion 元素
- 为所有部分添加“扩展”属性
- 使用媒体查询隐藏桌面视图的部分标题
以上允许页面在桌面上看起来“正常”,即当页面加载时所有部分都已展开并且您看不到它们是手风琴的一部分。在移动设备上,部分标题是可见的,允许用户打开或关闭各个部分。
唯一的问题是,在移动视图上,我希望在页面加载时关闭所有部分。这是默认行为,似乎可以通过向每个部分添加或删除“扩展”属性来控制。不幸的是,您不能使用 CSS 操作元素属性。我可以使用另一种方法吗?我简要地查看了 amp-bind,但也看不出这可能是由媒体大小触发的。
解决方案
推荐阅读
- javascript - 在 Microsoft Edge 中,Vue 出现网页错误!它在其他浏览器中运行良好。有什么问题?
- python - django icontains 搜索 postgres 数据库
- php - 如何阻止对子文件夹的访问并使用.htaccess 重定向子文件夹的站点?
- c# - C#尝试返回列表中重复项的索引,但循环不断返回仅第一个重复项的索引
- python - 使用 Python 进行复杂操作 (pygame.math.Vector2)
- sql - sql查询中存在运算符
- reporting-services - SSRS 自定义页面名称
- c++ - 指针指向的数组的大小
- python - 使用“asyncio.Protocol”进行线路接收和处理?
- node.js - 由于 SSH 会话结束而退出的应用程序在 Node.js 中发出什么事件?(需要清理GPIO)