文章詳情頁(yè)
javascript - [CSS] css能否實(shí)現(xiàn)img 高與寬 相等 ？
瀏覽：95日期：2023-05-05 10:04:20
問(wèn)題描述
img元素 ：
寬度使用百分比；
能否使用css控制達(dá)到：
不論在何設(shè)備下：img的高度一直與寬度相等
問(wèn)題解答
回答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. html5 - 最近在自學(xué)react 求一個(gè)react表單提交的例子2. javascript - jq 上傳圖片成功后添加一個(gè)新的上傳框時(shí)出現(xiàn)問(wèn)題3. angular.js - 在終端中用yeoman啟用angular-generator報(bào)錯(cuò)，求解？4. 老師您好!我有一個(gè)問(wèn)題、5. 請(qǐng)問(wèn)寫好python模塊以后，文檔怎么寫？6. javascript - 原生JS和jQuety關(guān)于設(shè)置圖片輪播定時(shí)器問(wèn)題7. python - 用ffmpeg采集視頻，用terminate沒(méi)法結(jié)束進(jìn)程8. 我和老師的代碼對(duì)照了幾遍沒(méi)發(fā)現(xiàn)問(wèn)題，但是瀏覽器打開(kāi)就有問(wèn)題了，求解9. 使用PHP和MySQL的UNIQUE如何像京東注冊(cè)那樣保證用戶名唯一？10. javascript - uc、qq、搜狗 以上三個(gè)手機(jī)瀏覽器判斷移動(dòng)端的js代碼不執(zhí)行
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備