讓video在div中鋪滿全屏

2021-08-09 11:46:31 字數 379 閱讀 9050

不廢話,直接上需求。需要實現在乙個5500*500的div中,讓div中的video自動鋪滿,顯示全屏。如圖1:

當你嘗試這麼寫的話:

.video

.video

video

貌似老闆或者客戶會不滿意,我明明讓你鋪滿全屏,你為啥給我來個居中?

來,試試把這個屬性object-fit: fill;加到你可愛的video標籤上去,你就能得到全屏的video了。不要用什麼js計算div寬高了,是不是刺激?

如圖2:

圖3:

噗~,萬惡的ie!不過如果不怎麼考慮ie的話,可以嘗試一下使用這個簡單但又強大的屬性哦~

在VMware讓ubuntu全屏

當我們安裝完ubuntu之後,桌面在ubuntu不是全屏,不是很美觀,看起來也不是很方便,所以我們可以嘗試下讓ubuntu在vmware全屏顯示。我們登入ubuntu後,開啟vmware介面,滑鼠移至虛擬機器重新安裝vmware tools,這裡的選項第一次應該是重新安裝vmware tools 單...

如何讓div頁面居中 讓div在頁面居中的方法

在頁面 最上面加上 再把div的style加上 margin 0 auto dflzzp dflzzp 如果無法運用.來設定層居中.出現這樣問題可能是沒有加hmlt的 2,嚴格型 3,框架型 如果對css 2.0標準不太熟悉不要使用嚴格型的dtd.我們現在使用過渡期的就行了 在網頁最頂剖加上 萬物都...

讓 div 在 select或flash 之上

div被select擋住,是乙個比較常見的問題。有的朋友通過把div的內容放入iframe或object裡來解決。可惜這樣會破壞頁面的結構,互動性不大好。這裡採用的方法是 雖說div直接蓋不住select 但是div可以蓋iframe,而iframe可以蓋select,所以,把乙個iframe來當作...