今天,市场提出一个活动页面。活动页面有一段内容,在手机背景框里播放一段视频。网页是自适应的,设计师只给了我一个。带有手机壳的背景图像。如果用JS画的话应该可以,但是简单的活动页面就没必要了。用背景图片快速实现CSS是最快的。左边方框里放的视频是分两层实现的。一个是背景图片,另一个是视频。只是一开始就卡住了。当屏幕宽度发生变化时,需要适配。最好不要使用媒体查询来适配大小。你可以试试wavecsspaddingpercentage的神奇实现在下面的代码中:

今天,市场提出一个活动页面。活动页面有一段内容,在手机背景框里播放一段视频。网页是自适应的,设计师只给了我一个。带有手机壳的背景图像。如果用JS画的话应该可以,但是简单的活动页面就没必要了。用背景图片快速实现CSS是最快的。左边方框里放的视频是分两层实现的。一个是背景图片,另一个是视频。只是一开始就卡住了。当屏幕宽度发生变化时,需要适配。最好不要使用媒体查询来适配大小。你可以试试wavecsspaddingpercentage的神奇实现在下面的代码中: