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/
*/
プロジェクトを保存して終了し、再度開くと、列と余白の割合が更新されます。
Dreamweaver CS6: The Missing Manual ( https://www.inkling.com/read/dreamweaver-cs6-missing-manual-david-sawyer-mcfarland-1st/chapter-11/fluid-grid-layouts ) は次のように述べています。
残念ながら、ガター値を選択すると、この [「新しい流動グリッド レイアウト」] 画面に戻って変更する方法はありません。実際、Dreamweaver はこの値を使用して、挿入する列に関する複雑な計算を行うため、レイアウトの作成後にこの値を簡単に変更する方法はありません。
既存の FGL CSS の幅とパディングの数値 (ファイルの作成時に Dreamweaver が小数点第 4 位まで計算した数値) を変更することもできますが、新しい可変グリッド レイアウト スタイル シートを作成する方がおそらく簡単です。ただし、よりユーザーフレンドリーなソリューションは大歓迎です。
私は同じ問題を抱えていて、簡単な解決策を見つけました。新しいcssとrespond.min.jsファイルが作成されるように、変更を加えた新しい流動グリッドレイアウトを作成して保存します。作成した他のすべての新しいファイルを削除し、respond.min.js のみを保持し、古いファイルを新しいファイルに置き換えて終了します。ああ、念のために古いもののコピーを保管しておいてください。