文件名称:media-queries-and-responsive-design
文件大小:3KB
文件格式:ZIP
更新时间:2024-04-23 00:49:41
HTML
测试您的技能:媒体查询和响应式设计 该任务的目的是使您通过实际的任务来进行响应式Web设计。 媒体查询指南以及本节中的其他布局课程介绍了完成此任务所需的所有知识。 你的任务 下载起点。 在浏览器中打开它,您将找到一个有线框架的网站,该网站将以可读的方式加载到移动设备中。 您可以将窗口拖动到较小的位置,也可以使用Firefox DevTools中的响应式设计视图来查看,就像在电话上一样。 您的任务是创建此布局的桌面版本,当屏幕宽度足以容纳它时将显示该版本。 您可以在下面的屏幕截图中看到您想要的布局。 参考: :
【文件预览】:
media-queries-and-responsive-design-master
----css()
--------style.css(1KB)
----index.html(3KB)
----README.md(837B)