[問題] 網頁背景使用影片顯示比例問題

看板Web_Design作者 (黑幻)時間10年前 (2015/05/23 15:23), 編輯推噓1(1推 0噓 6→)
留言7則, 4人參與, 最新討論串1/1
如題 我目前沒有使用js來達到這個結果 語法如下 <div style=" z-index: -99; width: 100%; height: 100%;"> <iframe height="100%" width="100%" src="VIMEO網址" /> </div> 目前碰到的問題是我只要縮放視窗大小 當視窗比例不等於影片比例的時候就會出現黑邊 請問該如何弄成一定會滿版不要黑邊呢? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.44.49.94 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1432365781.A.ECB.html
→
05/23 20:29, , 1F
影片與視窗比例不符以黑邊補不是常理嗎？不然要變胖？
05/23 20:29, 1F
→
05/23 20:31, , 2F
欲保持比例也可試試看裁切式補滿！
05/23 20:31, 2F
→
05/23 22:16, , 3F
對，就是樓上說的裁切示補滿，但不知如何實作，請問有沒
05/23 22:16, 3F
→
05/23 22:16, , 4F
有什麼實作範例可以參考呢
05/23 22:16, 4F
推
05/25 00:43, , 5F
可以用 width: 100%; padding-top: xx%; 來做固定比例
05/25 00:43, 5F
→
05/25 00:43, , 6F
但是這也只能對齊寛度而已
05/25 00:43, 6F
→
05/25 04:29, , 7F
對齊高度，加上寬螢幕的影片
05/25 04:29, 7F
‣ 更多 killzane 的文章
文章代碼(AID): #1LO2hLxB (Web_Design)