如何用js控制PC端页面到移动端显示的话是整体缩放？http://www.majesticcreekcc.com/ 类似这个网站

Question

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

Answer 1

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

Answer 2

这样的要求无需写适配，直接访问pc版，手机端浏览器可以缩放全屏。
非得要缩放就用js去监测屏幕宽度高度比，然后用css3的 scale属性进行对应缩放。

计算页面放大比例：放大比率=屏幕的逻辑分辨率/物理分辨率
逻辑分辨率通过window.screen.width获取;
物理分辨率通过window.screen.width * window.devicePixelRatio获取;

scale(放大比率);

Answer 3

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

每个html头部加上这个试试，我的没问题