如何用js控制PC端页面到移动端显示的话是整体缩放？

Question

现在要做一个PC端页面跟移动端页面布局一模一样的，但是不知道怎么控制页面缩放.http://www.majesticcreekcc.com/ 类似这个网站

Answer 1

这样的要求无需写适配，直接访问pc版，手机端浏览器可以缩放全屏。非得要缩放就用js去监测屏幕宽度高度比，然后用css3的 scale属性进行对应缩放。计算页面放大比例：放大比率=屏幕的逻辑分辨率/物理分辨率逻辑分辨率通过window.screen.width获取;物理分辨率通过window.screen.width * window.devicePixelRatio获取;scale(放大比率);

Answer 2

<meta&nbsp;name="viewport"&nbsp;content="width=device-width,&nbsp;initial-scale=0,user-scalable=no,maximum-scale=1.0">每个html头部加上这个试试，我的没问题

Answer 3

不用缩放啊，只有移动端分辨率符合要求就好。