让PC端的页面按比例缩小到手机上显示

记一下这个坑，我们PC端的一个后台管理系统拿到手机上样式完全乱了，而我们想要的是按比例缩小到手机上显示就可以了。我也是搞了半天没有搞明白，今天终于发现原来是加了下面这行代码：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">

你没有看错，就是加了这行代码的鬼，这个标签决定了网页宽度而内容不会虽比例去缩放，除了用百分比去写的布局。去掉这行代码，就可以实现页面缩的很小但是格式不会变。
具体的原因我也搞不太明白了，希望哪位大神明白的话告知小弟一下~