甘肃党建网站样式表
1. video-js 类
video-js 类定义了视频播放器的初始宽度和高度。
| 属性 | 值 |
|---|---|
| width | 300px |
| height | 150px |
2. vjs-fluid 类
vjs-fluid 类用于设置视频播放器在其父元素中所占用的相对宽度。在这里,它将视频播放器的高度设置为其父元素高度的56.25%。这是为了确保在高分辨率屏幕上,视频播放器始终填满其父元素。
| 属性 | 值 |
|---|---|
| padding-top | 56.25% |
3. vjs_video_433-dimensions 类(以及 vjs_video_433-dimensions.vjs-fluid 类)
这些类用于定义视频播放器的固定宽度和高度。在这种情况下,视频播放器的宽度为640px,高度为360px。与 vjs-fluid 类似,这里也设置了视频播放器的高度为其父元素高度的56.25%,以确保在高分辨率屏幕上,视频播放器始终填满其父元素。
| 属性 | 值 |
|---|---|
| width | 640px |
| height | 360px |
| padding-top | 56.25% |
4. 甘肃党建 html 类
甘肃党建 html 类设置了整个页面的字体大小。通过使用 15.625vw 作为字体大小,可以使页面字体根据视口宽度进行缩放,从而提供更好的响应式设计。
| 属性 | 值 |
|---|---|
| font-size | 15.625vw |
5. body, html, #allmap 类(以及.theme-blue、.theme-border、.theme-color和.theme-background类)
这些类用于定义页面布局、颜色和背景样式。具体来说:
body,html,#allmap具有100%的宽度和高度,并隐藏溢出的内容,同时移除默认的外边距以实现更紧密的布局。此外,它们还注释掉了一个微软雅黑字体的设置,可能是因为这个字体在当前的网页中没有被使用。theme-blue、.theme-border、.theme-color和.theme-background这些类分别用于设置主题颜色、边框颜色、文字颜色和背景颜色。其中,.theme-blue是主色调,它的背景色、文字色和边框色都是 #007aff。
