記錄自己做網頁的過程，便于以后忘記回來學習。

視頻背景

用一個視頻作為網頁的背景，視頻大小會隨窗口大小變化（響應式布局）

html代碼：

<div class="bg-video"><video class="v1" autoplay muted loop><source src="bg.mp4"></video> </div>

css代碼：

.bg-video{width:100%;height:auto;left:0px;top:0px;z-index: -1;vertical-align:bottom;display:block;position:absolute;}.v1{width: 100%;height: auto; }

總結

以上是生活随笔為你收集整理的css+全屏视频背景+响应式布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。