首頁 > web前端 > css教學 > 主體

如何用純CSS實現

Susan Sarandon
發布: 2024-10-30 16:02:03
原創
646 人瀏覽過

How to Achieve a Consistent 如何用純CSS實現<video>和<img>一致的「背景大小:覆蓋」效果? 使用純 CSS? " /> 和 如何用純CSS實現<video>和<img>一致的「背景大小:覆蓋」效果? 使用純 CSS? " />

等元素實現一致的“背景大小:封面”效果video> 和如何用純CSS實現<video>和<img>一致的「背景大小:覆蓋」效果? 一直是個長期的挑戰。透過以下步驟實現:

將父元素設定為溢位:隱藏。高比計算寬度(例如,16:9 影片為100 * 16 / 9)。確保高度按比例縮小。居中,請使用以下CSS:

以上是如何用純CSS實現

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!