主视图区域是缩放图像和色板所占用的区域。 通常在未指定大小时设置为适合可用设备屏幕。
在嵌入模式下工作(在为主查看器区域指定了显式大小时),查看器会自动将其主区域的高度减小为与单个图像一起使用的Swatches组件的高度,因此不需要样本。
主查看器区域的CSS属性
通过以下CSS类选择器控制查看区域的外观:
.s7zoomviewer
CSS属性 |
说明 |
---|---|
width |
查看器的宽度。 |
height |
查看器的高度。 |
背景颜色 |
以十六进制格式表示的背景颜色。 |
示例 — 设置具有白色背景的查看器( #FFFFFF
),并使其大小为512 x 288像素。
.s7zoomviewer {
background-color: #FFFFFF;
width: 512px;
height: 288px;
}