我正在使用 Dreamweaver cs6 创建流畅的布局。当新的文档选项窗口首次打开时,它会为您提供有关每个设备的百分比和列数的选项。我已经这样做了,但想在创建文档后更改百分比和列数。创建文档后,有没有办法在 Dreamweaver cs6 中更改流体布局的百分比和列数?
4 回答
您可以在 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/
*/
保存、退出并重新打开项目后,列和装订线百分比将被更新。
我有同样的问题,我找到了一个简单的解决方案。您创建一个新的流体网格布局,其中包含您不会保存的更改,以便它为您创建新的 css 和 respond.min.js 文件。您删除了您创建的所有其他新文件,只保留了 respond.min.js,然后将旧文件替换为新文件,然后您就完成了。哦,保留一份旧的副本以确保安全。
Dreamweaver CS6:缺失的手册( https://www.inkling.com/read/dreamweaver-cs6-missing-manual-david-sawyer-mcfarland-1st/chapter-11/fluid-grid-layouts ) 说:
不幸的是,一旦您选择了一个装订线值,就无法返回此 [“新流体网格布局”] 屏幕并对其进行更改。事实上,由于 Dreamweaver 使用此值对您插入的列进行一些复杂的计算,因此一旦您创建了布局,就没有简单的方法来更改此值。
我们或许可以尝试更改现有 FGL CSS 中的宽度和填充数字(Dreamweaver 在创建文件时计算到小数点后四位的数字),但创建一个新的流体网格布局样式表可能更容易。但是,欢迎使用更用户友好的解决方案。
我有同样的问题,我找到了一个非常简单的解决方案。
您需要创建一个新的流体网格布局(文件 - 新流体网格布局),根据需要设置列数、宽度和装订线数,然后将新的 css 文件保存在某处。调节布局的样式(即宽度、列之间的边距和列数)在 .gridContainer 下设置,因此您只需将旧流体布局 css 文件中的 .gridContainer 样式替换为新流体布局 css 文件中的 .gridContainer 样式. 确保为您更改的所有屏幕尺寸(桌面、桌面、移动设备或全部)替换 .gridContainer 样式。