移动端&pc端 响应式布局 or rem布局 & flex布局

本文主要对如下问题的思考html

当我门开发一个h5页面时候，究竟是 pc和h5共用一套页面 仍是分开开发两套呢？

现象分析：

网易、淘宝等大厂 是 分开开发，也就是 pc一套，h5一套
拉钩。某些我的博客 公用一套

结论

须要分状况而定，像网易淘宝此类的pc端页面复杂的 是适合分开两套开发，由于h5和pc端布局差别较大，不方便作响应式开发，
而我的博客这样的 pc端就是一个列表而已 最多加一个侧边栏的 这种简单的页面 是比较适合 作响应式媒体查询的

具体的布局方式分析，其实网上有不少很详细的教程了 我在这里只是简单说明

• rem布局+flexweb

  1 设置视口
  markdown

  2 根据公司ui根据那个尺寸的手机出的图 好比是iPhone6 （750px） 动态改变跟页面的fontsize
  document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
  得出fontsize=100px
  3 得出总体宽度，得出画一个100px宽的盒子须要多少rem
  那么整个屏幕的宽度就是 7.5rem
  ui图100px的盒子 等于 2rem布局

  4 经过媒体查询改变body的fontsizepost

  5 全部的字体依然按照px写，只有盒子宽度按照rem去写字体

  可参考：
  http://web.jobbole.com/93253/
  http://www.cnblogs.com/lyzg/p/4877277.htmlflex

• 响应式布局 （媒体查询）ui

  就根据 不一样的几个宽度 动态设置咱们body的最大宽度就好了，不要所有是100%
  效果可参考 http://justyeh.com/code