css3响应式布局

响应式布局布局会根据屏幕宽度进行调整1.当PC端应用检测到用户屏幕分辨率较小，比如小于1280px时，内容区域为990px??；当用户屏幕分辨率较大时，比如大于1420px，内容区域为1109px；这个改动不需要程序员调整，程序自动使用，2结合大型电商和大型网站使用（京东，淘宝，腾讯视频）3.可以打开在PC或移动设备上（一般newbalanceChina/Tesla都会用这种One方案）如果在PC上打开，把6列排成一行；如果在pad中打开，则将4列排成一行；如果在手机中打开，将2列放在一行中语法：1.在链接中使用媒体查询2.通过@media@mediascreenand(max-width:1300px)设置{.wrapper{宽度：990px??；}/*您可以添加任何响应式代码*/}@mediascreenand(min-width:1300px)and(max-width:1600px){.wrapper{width:1190px;}}@mediascreenand(min-width:1600px){.wrapper{width:1480px;}}响应式布局框架引导程序