评测学（艾速度）江苏运营中心

评测学(艾速度)江苏运营中心

PC端宽高设定

在PC端，我们使用了一个名为CuPlayer的div元素来控制视频播放器的宽度和高度。在这个元素中，我们设置了两个类名：CuPc和CuMob,分别对应PC端和移动端的样式。其中，CuPc类设置了宽度为100%、高度为450px的样式，并将左右边距设置为自动。而CuMob类则设置了宽度为100%、高度为400px的样式，并将左右边距设置为自动。此外，我们还设置了一个相对定位的容器div.CuPad,用于承载底部的内容。

移动端宽高设定

对于移动端设备，我们同样使用了CuPlayer元素来控制视频播放器的宽度和高度。与PC端不同的是，我们在CuPlayer元素中添加了一个名为CuMob的类，并设置了宽度为100%、高度为400px的样式。同时，我们还将左右边距设置为自动。这样可以确保在不同屏幕尺寸下，视频播放器都能保持合适的大小显示。

评测学(艾速度)江苏运营中心采用了CSS媒体查询技术来实现对不同设备屏幕尺寸的适配。通过设置不同的宽度和高度样式，我们可以确保网站在不同设备上都能呈现出一致且美观的布局效果。这种方法不仅简化了网页开发工作，还提高了用户体验。