css - 修复浏览器中的视口(viewport)以响应站点

标签 css media-queries desktop viewport

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

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

有没有办法锁定桌面浏览器视口(viewport),以便它只识别较小的尺寸并使用那些媒体查询?

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

最佳答案

显而易见的解决方案是注释掉其他媒体查询,同时记得注释掉 1024px View 的媒体查询声明。例如:

/*
   ...

   @media ... {
       ...
   }

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

关于css - 修复浏览器中的视口(viewport)以响应站点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23832278/

相关文章:

css - Thymeleaf - 如何自动调整内容片段?

css - calc() 在媒体查询中不起作用

javascript - 媒体查询更改时销毁 Jquery 函数

c# - 将 asp.net 应用程序与 quickbooks 桌面版集成

c# - 制作桌面一角激活屏保

php - MPDF - 第一页的不同背景

css - 锥形 css 边框

javascript - -webkit-box-shadow 无法使用 javascript 正确更改

html - 媒体查询 : execute when height AND width are a certain size

session - 在 Electron 中的渲染器和主进程之间共享 Cookie 和 session