仿照响应式布局过程中出现的问题

1:设置li的display为inline-block,没有让li成为横向排列：原因：定义的id名为navigation，css中用的是nav，作者有修改代码但是没有说明。

2：section部分，我自己看结构，构成为h1+h2+section>img+textarea.但是作者构成为article>p+hgroup>h2+h3其中p里面是img加上文字段落实体。

　　<hgroup> 标签被用来对标题元素进行分组。

3:利用浮动图片来解决文档和图片不对齐的问题。

4:在recommend区域，我是用h1+ul的方式来布局的。作者是用h2+dl>dt+dd来表示:你可以把<dl>看作<ul>列表的加强版，相当于给每个列表加了句说明。

5：利用

@media screen and (min-width: 450px) and (max-width: 699px) {
#wrapper { width: 100%; }

来进行响应式效果实现。

6：百分比布局公式：目标元素宽度÷上下文元素宽度=百分比宽度 

转载于:https://www.cnblogs.com/JingWeiBird/p/8528443.html