如何更改Dreamweaver cs6中流体布局的百分比和列数?

时间:2012-06-02 19:55:36

标签: dreamweaver fluid-layout

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

4 个答案:

答案 0 :(得分: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/
*/

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

答案 1 :(得分:0)

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

  

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

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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