メインビューア領域 main-viewer-area

メイン表示領域は、ズーム画像とスウォッチが占める領域です。 通常、サイズが指定されていない場合は、デバイスの使用可能な画面に合わせて設定されます。

埋め込みモードで作業している場合（メインビューア領域に明示的なサイズが指定されている場合）、ビューアは、単一画像で作業しているスウォッチコンポーネントの高さだけメイン領域の高さを自動的に下げるので、スウォッチは必要ありません。

メインビューア領域の CSS プロパティ

表示領域の外観は、次の CSS クラスセレクターで制御します。

.s7zoomviewer

例 – 白い背景（#FFFFFF）を持つビューアを設定し、そのサイズを 512 x 288 ピクセルにする

.s7zoomviewer {
 background-color: #FFFFFF;
 width: 512px;
 height: 288px;
}