首页 > 代码库 > 初入前端9

初入前端9

bootstrap

  css响应式布局

  1.自适应(%)

  2.@media媒体查询

  3.1em=16px→浏览器的默认值(相对body,会继承)

  4.1rem=16px→浏览器默认值→只针对app端而且只针对字体大小(相对html值,不会继承)

css布局

  1.@media sreen and(min-width:1000px){} pc端

  2.@media sreen and(min-width:768px)and(max-width:999px){}平板端

  3.@media sreen and(max-width:767px){}手机端

初入前端9