无缺的博客

本文参考MichelleKlann的Media Queries Demystified: Min-Width and Max-Width媒体查询(media queries)是响应式设计(Responsive Web Design简称RWD)必不可少的一部分。媒体查询有两个关键词min-width和max-width, 接触过媒体查询的同学可能会认同我， 这两个关键词很绕；从字面上理解它们可能不那么容易，以至于我每次都需要在脑海里面不断演算，然后小心翼翼地测试效果（大概和写正则表达式的感觉差不多..

方法一：给当前div设置定位.g-index { position: absolute; width: 100%; height: 100%; background-color: #f2f2f2;}方法二：通过设置html，body的宽高，来实现html,body{ width: 100%; height: 100%;}.g-i...