关于web移动端和Pc端适配

Question

今天第一次接触web移动端的适配问题，使用了px2rem，配置如下

var px2remLoader = {
    loader: 'px2rem-loader',
    options:{
      remUtil:75
    }
  };

好像是按照设计稿750px为基准。那么如果我想在PC端浏览的时候，动态的改变这个配置，应该怎么做呢？比如给了一个1920px的设计稿，这里的remUtil又定死了以750px为基准，这时该怎么办？

问题可能描述的比较混乱，也不知道我的理解有没有问题，望高手解答~

Answer 1

感觉既然用了rem，那你就应该知道1rem代表多少像素，然后动态的去改变1rem的值，即html的font-size，而不需要改动这个地方

Answer 2

配合媒体查询啊，监测到是桌面端的话，就别用 rem 了，或者是设置一个 rem root font-size 的最大值

Answer 3

现在很多电商网站都是 做 了 2 套系统 PC 一套 M 一套，M站适配就用的 rem 为主
如果要 一套代码 适应 PC 和 M 站，如果要设计稿高度还原建议用媒体查询 PC 一套样式 M 一套样式（rem来编写）