CSS實現寬度自適應寬高16:9的矩形

時間 2019-11-13

標籤 css 實現寬度自適應矩形欄目 CSS 简体版

原文原文鏈接

版權聲明：本文爲博主原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處連接和本聲明。
本文連接：https://blog.csdn.net/weixin_39357177/article/details/81186498
前面咱們講了怎麼作一個自適應寬高1:1的正方形.net

https://blog.csdn.net/weixin_39357177/article/details/81183743blog

如今咱們來說講作自適應16:9的矩形要怎麼作it

第一步先計算高度，假設寬100%，那麼高爲h=9/16=56.25%io

第二步利用以前所說設置padding-bottom方法實現矩形class

相似不一樣的比例矩形，均可以用這種方法實現
————————————————
版權聲明：本文爲CSDN博主「yazhiShaw」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處連接及本聲明。
原文連接：https://blog.csdn.net/weixin_39357177/article/details/81186498方法

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。