文章詳情頁
javascript - [CSS] css能否實(shí)現(xiàn)img 高與寬 相等 ？
瀏覽：118日期：2023-05-05 10:04:20
問題描述
img元素 ：
寬度使用百分比；
能否使用css控制達(dá)到：
不論在何設(shè)備下：img的高度一直與寬度相等
問題解答
回答1：讓 img 占滿等寬高的父容器即可. 姿勢(shì)多種多樣. 舉例如:
鏈接描述
回答2：把圖片作為背景圖倒是可以，height設(shè)置為0，padding-top設(shè)置100%。
標(biāo)簽：
JavaScript
上一條：javascript - vue使用videojs+videojs-contrib-hls報(bào)錯(cuò)下一條：javascript - 如何獲取一個(gè)數(shù)組中的相同元素的個(gè)數(shù)
相關(guān)文章：
1. angular.js - angular內(nèi)容過長(zhǎng)展開收起效果2. docker綁定了nginx端口 外部訪問不到3. docker網(wǎng)絡(luò)端口映射，沒有方便點(diǎn)的操作方法么？4. css - chrome瀏覽器input記錄上次cookie信息后，有個(gè)黃色背景~如何去除！5. docker容器呢SSH為什么連不通呢？6. nignx - docker內(nèi)nginx 80端口被占用7. debian - docker依賴的aufs-tools源碼哪里可以找到啊？8. 前端 - ng-view不能加載進(jìn)模板9. javascript - 移動(dòng)端css動(dòng)畫播放狀態(tài)暫停在ios不起作用 animation-play-state10. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問題 麻煩幫我看一下
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備