响应式网页设计项目#1---Tribute Page to Kobe and Gigi---致敬科比和Gigi

响应式网页设计项目-Tribute Page to Kobe and Gigi

https://codepen.io/yiyunpan//

 

#技术堆栈

1. 使用HTML、JavaScript和CSS完成。这里是用纯CSS做的

 

#内容

1. 使用了H5语义化的标签：

<main></main>
<figure></figure>
<section></section>
<cite></cite>

 

#布局

响应式布局：

1. 图片根据其父元素的宽度相应地调整大小，而不超过其原始大小。（max-width）

2. 图片位于其父元素的中心 （居中）

 

#效果