修复响应式站点的浏览器视口答案

【问题标题】：Fix viewport in browser for responsive site修复响应式站点的浏览器视口
【发布时间】：2014-05-23 22:59:49
【问题描述】：

我设计了一个响应式网站，但现在客户希望我锁定网站的宽度，直到实施新的更改。

当我锁定容器的宽度时，媒体查询仍然响应浏览器屏幕的大小而不是容器大小。

有没有办法锁定桌面的浏览器视口，以便它只识别较小的尺寸并使用这些媒体查询？

我的网站是响应式的，但我希望它锁定到1024px。当我这样做但在更大的屏幕宽度上查看它时，它不会选择 1024px 媒体查询样式...

【问题讨论】：

【解决方案1】：

显而易见的解决方案是注释掉其他媒体查询，记住还要注释掉1024px 视图的媒体查询声明。例如：

/*
   ...

   @media ... {
       ...
   }

   @media screen and (max-width: 1024px) {
*/
       elem {
           ...
       }
/*
   }
*/

【讨论】：

【解决方案2】：

$('body').css('width','1024px'); 与 jquery

【讨论】：