页面排版的时候经常会遇到li包含img时，图片文件的下边缘出现大概5个或10个像素的间隙，出现间隙大概是以下原因：图片文字等inline元素默认是和父级元素的baseline对齐的，而baseline又和父级底边有一定距离（这个距离和 font-size，font-family 相关，不一定是 5px），所以设置 vertical-align:top/bottom/text-top/text...

很多时候我们需要将元素并排，方法有很多种，比如使用float或者positition，笔者最喜欢用的属性是display: inline-block。但是inline-block的元素之间会存在“4px”的空白间距（chrome下是8px）。以下是几种解决方法：

响应式网页设计(Resposive web design)也被称为RWD，或者我们称为自适应网页设计，是一种网页设计的技术做法。虽然我们前面说到的是移动端，但是概念上，RWD目的是使网站能在多种浏览设备上阅读和导航，同时减少缩放，平移和滚动。接下来我们开始学习下响应式网页设计中需要的知识吧。viewport这个是我们必须要知道的,就和下面这段html代码一样<meta name=&qu...