图墙HTML页源码

资源包含文件：设计报告word+源码 本次实验目为练习 HTML+CSS 的布局与样式，以及简单的交互，制作一个可交互的照片墙，照片墙可以点击照片查看大图 照片墙是一个可以将照片按照一定的顺序排列的 Web 页面，基本要求是照片要合理的地排布在页面上，且照片的尺寸要合适，布局要整齐。 点击照片，可以在当前页面上方显示一个新的图层，其中显示这张照片的更大尺寸的图片。点击图层的其它位置可以隐藏该图层 可以向照片墙中添加照片 可以删除照片墙中的照片 可以替换照片墙的照片 页面要具有很好的过渡效果，且满足响应式设计，适应不同尺寸的设备 根据需求，设计界面原型。 上方居中显示标题和作者 主题部分为网格化布局照片，使用空白作为网格线。在正常计算机浏览器上每行显示 4 张图片，默认初始有 12 张图片。在平板电脑（宽度小于 1024px 大于 690px）浏览器上每行显示 3 张图片。 详细介绍参考：https://biyezuopin.blog.csdn.net/article/details/125129045?spm=1001.2014.3001.5502