Css 修复浏览器中响应站点的视口

Css 修复浏览器中响应站点的视口,css,media-queries,desktop,viewport,Css,Media Queries,Desktop,Viewport,我设计了一个快速响应的网站,但现在客户希望我锁定网站的宽度,直到新的更改得到实施 当我锁定容器的宽度时,媒体查询仍然响应浏览器屏幕的大小,而不是容器的大小 是否有方法锁定桌面的浏览器视口,使其仅识别较小的大小并使用这些媒体查询 我的站点响应速度很快,但我希望它锁定到1024px。当我这样做,但在更大的屏幕宽度上查看时,它不会选择媒体查询样式…显而易见的解决方案是注释掉其他媒体查询,记住还要注释掉1024px视图的媒体查询声明。例如: /* ... @media ... {

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

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

是否有方法锁定桌面的浏览器视口,使其仅识别较小的大小并使用这些媒体查询


我的站点响应速度很快,但我希望它锁定到
1024px
。当我这样做,但在更大的屏幕宽度上查看时,它不会选择媒体查询样式…

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

/*
   ...

   @media ... {
       ...
   }

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

$('body').css('width','1024px')代码,这似乎不会影响视口