请教各位大神 设置body宽高后，怎么才能自适应手机端？

我的body的css 是这样的，请问各位大神，怎么才能在这个不改的前提下，让页面自适应手机端？

body {
        /* border: solid; */
        position: relative;
        width: 750px;
        height: 1216px;

        background-repeat: no-repeat;
        background-size:  100% 100%;
    }

用了
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

这个元素之后页面会变的特别特别大，

自适应建议用bootstrap

https://blog.csdn.net/lpf_leo1992/article/details/78793617