响应式布局
响应式布局这点小事: CSS3媒体查询,插入@media【only,not,and,{}】
简单的试验田就是:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <style type="text/css" media="only screen and (max-width:719px) and (min-width: 500px)">body{background: red;}</style> <style type="text/css" media="only screen and (max-width:499px)">body{background: green;}</style> <script type="text/javascript">
附上相关链接:
我相信,会有一个公正而深刻的认识来为我们总结的:那时,我们这一代独有的奋斗、思索、烙印和选择才会显露其意义。 ——《北方的河》