我在仿一个网页，源代码是把像素写成固定的，但是在手机上浏览，但是却不被破坏,这是为什么？

Question

我最近在仿一个网站的首页，右键查看源代码的时候，发现最外层盒子都是固定成960px,然后margin:0 auto;按道理在手机上打开的时候是产生滚动条的，但是整个页面却缩放成与手机一样大小，是因为引用了什么插件吗？还是什么原因？

Answer 1

在代码里没指定 width=device-width 的情况下, 浏览器会使用物理分辨率, 把页面整体缩小到1/dpr

Answer 2

用了响应式布局，什么网站贴出来看看

Answer 3

手机浏览器自动缩放了

<meta name="viewport"   content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">加这个就不会

Answer 4

我觉得可以这样，你在电脑上先把响应式模式打开，看看页面是不是自适应的：如果是自适应的话，可以先去看下meta viewport和css里的media断点，另外js里的resize事件看下有没有回调；如果不是，那可能移动端单有一套页面。