Frontend Mentor-常见问题手风琴卡解决方案 这是的一种解决方案。 目录 概述 挑战 用户应该能够: 根据组件的设备屏幕尺寸查看组件的最佳布局 查看页面上所有互动元素的悬停状态 单击问题时隐藏/显示问题的答案 截屏 链接 解决方案URL: 在此处添加解决方案URL 实时站点URL:在此处添加实时站点URL 我的过程 我首先通过使用媒体查询完成了桌面版本,然后开发了不带@media的移动版本。 内置 语义HTML5标记 CSS自定义属性 弹性盒 CSS网格 移动优先的工作流程 JavaScript 我学到的是 我已经学会了如何使用已学会制作手风琴的JS,并且对如何在未来的项目中使用JS有了一个了解。 acc [ i ] . addEventListener ( 'click' , function ( ) { . , . . } 持续发展 我想使用更多的JS制作动