如何在 Dreamweaver cs6 中更改流体布局的百分比和列数？答案

【问题标题】：How do you change the percentages and column numbers of a fluid layout in Dreamweaver cs6?如何在 Dreamweaver cs6 中更改流体布局的百分比和列数？
【发布时间】：2015-02-08 02:40:59
【问题描述】：

我正在使用 Dreamweaver cs6 创建流畅的布局。当新的文档选项窗口首次打开时，它会为您提供有关每个设备的百分比和列数的选项。我已经这样做了，但是想在创建文档后更改百分比和列数。创建文档后，有没有办法在 Dreamweaver cs6 中更改流体布局的百分比和列数？

【问题讨论】：

标签： dreamweaver fluid-layout

【解决方案1】：

您可以在 DW 要求您创建的 css 文件中编辑这些值：

/*
Dreamweaver Fluid Grid Properties
----------------------------------
dw-num-cols-mobile:     5;
dw-num-cols-tablet:     8;
dw-num-cols-desktop:    10;
dw-gutter-percentage:   25;

Inspiration from "Responsive Web Design" by Ethan Marcotte 
http://www.alistapart.com/articles/responsive-web-design

and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
*/

保存、退出并重新打开项目后，列和装订线百分比将更新。

【讨论】：

【解决方案2】：

Dreamweaver CS6：缺失的手册 (https://www.inkling.com/read/dreamweaver-cs6-missing-manual-david-sawyer-mcfarland-1st/chapter-11/fluid-grid-layouts) 说：

不幸的是，一旦您选择了一个装订线值，就无法返回此 [“新流体网格布局”] 屏幕并对其进行更改。事实上，由于 Dreamweaver 使用此值对您插入的列进行一些复杂的计算，因此一旦您创建了布局，就没有简单的方法来更改此值。

我们或许可以尝试更改现有 FGL CSS 中的宽度和填充数字（Dreamweaver 在文件创建时计算到小数点后四位的数字），但创建一个新的流体网格布局样式表可能更容易。但是，欢迎使用更用户友好的解决方案。

【讨论】：

【解决方案3】：

我遇到了同样的问题，我找到了一个简单的解决方案。您创建一个新的流体网格布局，其中包含您不会保存的更改，以便它为您创建新的 css 和 respond.min.js 文件。您删除了您创建的所有其他新文件，只保留了 respond.min.js，然后将旧文件替换为新文件，然后您就完成了。哦，保留一份旧的副本以确保安全。

【讨论】：

【解决方案4】：

我遇到了同样的问题，我找到了一个非常简单的解决方案。
您需要创建一个新的流体网格布局（文件 - 新流体网格布局），根据需要设置列数、宽度和装订线数，然后将新的 css 文件保存在某处。调节布局的样式（即宽度、列之间的边距和列数）在 .gridContainer 下设置，因此您只需将旧流体布局 css 文件中的 .gridContainer 样式替换为新流体布局 css 文件中的 .gridContainer 样式.请务必为您更改的所有屏幕尺寸（桌面、桌面、移动设备或全部）替换 .gridContainer 样式。

【讨论】：