今天主要是对百日百页面的响应式方面的功能做了改进，那么本页就此做一个简单的总结。
首先是设计思路，必须本着移动优先的原则，最先从窄屏出发设计，为了使网页在设备上的可读性更好，首先使用的是viewport属性，调整设备宽度等于正常水平，接下来就是内容的排布了，往往这个过程比较简单，因为大多数情况下是直接竖着下来就行，但是要注意在对于一些距离大小的设置是，要多用百分数、em、或者倍数等，这样要比px更好地适应屏幕。
下面就是逐步的增大屏幕宽度了，当我们感觉按当前排版很难看的时候，就是我们需要修改的时候，配合@media query，调整布局。
下面给出完整的viewport写法：
<meta name="viewport" content="width=device-width,initial-scale=1">