自分自身に報いるのレイアウト/適応レイアウト/幅適応（相対位置）の開発を応答するために、IVX開発プロセスを使用した最近の研究では、いくつかの経験を総括し、私たちはあなたと共有したいと考えています。便宜上、私は、グリッドシステム、以下の分析の公式サイトのデモ：
1.環境へのコアコンポーネントの適応レイアウトの使用は、モジュールが大きく変化する環境の単一のテンプレートデザインの時間幅であること提供することで、比較的広いラインであります異なる環境で達成することができる美しい時に適切にワイドディスプレイモジュールとすることができ、私は大きい幅のテスト環境の数は、モジュールの幅が小さく設定され、ディスプレイの各行はあまり変化しますので、モジュールの数は、していないようことがわかりました環境が設定されている場合、あまりにも分散し、同様に、より大きな幅は、ディスプレイモジュールの各列の数になるであろう以下、あまりにも混雑していないよう、特定の設定は、後述するように、小さいです。
まず、それは同じデータセットの多くを使用するには確かに多くのテンプレートである、データインポートモジュールの配列を示し、その後、自宅で相対行を作成する必要があります新しい配列を作成するために提案されたナビゲーションバー、デモここにナビゲーションなど幅カラム100％、RWDにナビゲーションバーの幅は、幅をパーセンテージに設定されているため、その後、相対行コンテナにオブジェクトを追加し、そうオブジェクトを作成するように、デモ水平配向ピッチが選択されるようなあなたはすべてのオブジェクトが水平方向の配置の選択に他の、いずれかに保管されているようにしたい場合は、ページのナビゲーションバーの変更の全幅をサポートし
、我々はメインの編集モードを見て、ナビゲーションバーの完了後3、中央揃えで使用するデモその後、相対行とページテンプレートの幅の20％がページの端からの距離を維持することができるようになる方法のコンテンツ領域の幅の80％を追加するには、状況はボーダーテンプレートが発生していないブロックされ、より美しく、より快適に見えます。水平方向の配置を使用して、ここでピッチコンテンツ領域など、ページテンプレートと可能合流としてニートは、それが単一のテンプレートに設計することができる、テンプレートデータにテンプレートループ、循環およびバインドを作成するように。
4.次に、最も重要な場所であり、我々は大きな幅が設定されている幅環境モジュールをデモする各ラインは、3つのモジュール（平均して、100％の合計幅、三つのモジュール33が表示されるように、30％ ％が、平均で100％、二つのモジュールの全幅が50％（モジュール幅が45％以下の環境モデルに設定され、それは30％に適した各モジュール）間の間隔を有するが、 Aので、ときに携帯電話の環境、100％に設定されている幅モジュール各行は、同じトークン、広い幅のモジュール2が表示されるように、）それは45％に設定されている各モジュール間の間隔が適切である持っていますこの行で満たさラインはモジュールだけ。
最後に、下の共有私の経験、選択およびUIコンポーネントのランクの配置はもっと練習が必要、私はレイアウトを所有すべきだと思うことを、前進し続けるために、幅広い環境設定を固体の基本的なスキルを持っている最も重要な部分ですが、また、 IVXは、常に継続的な学習プロセスの将来の発展に私の驚きの多くを提供し、より身近な、私は自分の考えや経験を共有していきます。