响应式网页设计项目#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. 图片位于其父元素的中心 (居中)

 

#效果

 

 

 

posted @ 2020-03-02 21:08  jane_panyiyun  阅读(467)  评论(0编辑  收藏  举报