文件名称：Corona_Clone:交互式网页练习（BBC Corona_Clone）
文件大小：9.78MB
文件格式：ZIP
更新时间：2024-05-21 12:51:59
HTML
日本留学生 目的 用自己的照片和图画制作动画，以记录交换学生时的日常生活 直接练习和使用所研究JavaScript 预习 桌面尺寸 手机尺寸 细节 查看BBC视觉新闻的，并类似地实施它。 与原始版本不同，移动版本的设计也需要单独响应。 更改字体大小在768px以下 将边距长度更改为768px以下 使用flex和max-width，还可以将图像设置为响应式 由于高清图像的加载延迟而插入每种尺寸的图像 分别制作宽度为1360px，992px，768px和576px的每个图像 在html中使用srcset根据屏幕大小加载适当大小的图像 压缩所有图像以加快加载速度 将图像设置为即使发生滚动也要固定 使用CSS粘性 在Chrome或移动设备上正常运行。 在IE中不起作用。 使用JS实现滚动事件 当文本在一定范围内时，使新图像出现 当文本进入一定范围时，现有图像消失 通过使用Observer