作者killzane (黑幻)
看板Web_Design
标题[问题] 网页背景使用影片显示比例问题
时间Sat May 23 15:22:58 2015
如题
我目前没有使用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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1432365781.A.ECB.html
1F：→ MangoTW: 影片与视窗比例不符以黑边补不是常理吗？不然要变胖？ 05/23 20:29
2F：→ MangoTW: 欲保持比例也可试试看裁切式补满！ 05/23 20:31
3F：→ killzane: 对，就是楼上说的裁切示补满，但不知如何实作，请问有没 05/23 22:16
4F：→ killzane: 有什麽实作范例可以参考呢 05/23 22:16
5F：推 eight0: 可以用 width: 100%; padding-top: xx%; 来做固定比例 05/25 00:43
6F：→ eight0: 但是这也只能对齐寛度而已 05/25 00:43
7F：→ threeus: 对齐高度，加上宽萤幕的影片 05/25 04:29