最近のアクセス:
レスポンシブ Web デザインのフリー スタイル グリッドの [Columns] プロパティ

フリー スタイル グリッドの [ Rendering Mode ] プロパティが Responsive に設定されている場合、フリー スタイル グリッドの [ Columns ] プロパティで、各デバイスの画面サイズに応じて表示する列の数を指定できます。

説明

イメージ:28454.png
指定可能な画面サイズは次のとおりです:
  • 極小 (スマホ < 768 px) 
  • 小 (タブレット >= 768 px)
  • 中 (デスクトップ >= 992 px)
  • 大 (デスクトップ >= 1200 px)

注:

すべての画像サイズで表示されるレコードの総数は同じですが、画面サイズの [ Columns ] プロパティの設定に応じて一度に表示されるレコードの最大数は異なります。
[ Rows ] プロパティも、ロードされるレコードの数によって結果が異なります。

フリー スタイル グリッドの [ Rows ] プロパティが 3 に設定されている場合、「小」サイズのデバイスでは 2 列、「極小」サイズのデバイスでは 1 列で、合計 6 件のレコードが画面に表示されます (「極小」サイズでは、すべての列が 1 列で表示されることに留意してください)。

参考情報

フリー スタイル グリッドの [ Rendering Mode ] プロパティ
レスポンシブ Web アプリケーション


サブページ
Created: 15/10/29 21:26 by Admin Last update: 21/05/21 03:34 by Admin
カテゴリ
Powered by GXwiki 3.0