Html ZURB基金会防止网格调整

Html ZURB基金会防止网格调整,html,css,responsive-design,zurb-foundation,Html,Css,Responsive Design,Zurb Foundation,我们在特定的平板媒体的基础和外部建立了一个响应站点,客户端不希望网格随着浏览器宽度的减小而自动调整大小。 是否有任何简单的技术可以在事后应用,以防止网格列调整大小?您可以通过修改.row选择器使网格固定宽度。 从基金会CSS: .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; } 您希望将“最大宽度”

我们在特定的平板媒体的基础和外部建立了一个响应站点,客户端不希望网格随着浏览器宽度的减小而自动调整大小。
是否有任何简单的技术可以在事后应用,以防止网格列调整大小?

您可以通过修改.row选择器使网格固定宽度。 从基金会CSS:

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
}
您希望将“最大宽度”属性更改为“固定”,因此只需删除“最大宽度”并替换为“宽度”:

width: 62.5em

您还需要删除媒体查询中的任何样式

我不确定它是否有效,但您可以尝试将zurb变量中的值更改为0px谢谢!绝对值得一试。该网站是使用CSS版本而不是SASS创建的,但我要向后转换并尝试一下。如果它工作,我会发表评论,然后请提交作为答案。删除CSS相关的屏幕分辨率从基础CSS @媒体只屏幕.. {}