web前端学习入门

一、阅读响应式web设计，了解针对不同浏览器分辨率不同的解决办法。

　　1.新版浏览器如firefox、chrom等均支持响应式web设计，换而言之新版浏览器不存在分辨率问题

　　2.如客户要求使用旧版浏览器，则劝说

二、媒体查询

　　for example:

　　　　body {

　　　　　　background-color: grey;　　　　

　　　　}

　　　　@media screen and (max-width: 960px) {

　　　　　　body {

　　　　　　　　background-color: red;　　　　

　　　　　　}

　　　　}

　　根据当前视口尺寸背景颜色发生变化