設(shè)置img標(biāo)簽的寬度和高度是一致的,object-fit:cover

object-fit屬性的值:

  object-fit: fill;

  object-fit: contain;

  object-fit: cover;

  object-fit: none;

  object-fit: scale-down;

fill:?中文釋義“填充”模捂。默認(rèn)值捶朵。替換內(nèi)容拉伸填滿整個(gè)contentbox,不保證保持原有的比例蜘矢。

contain:?中文釋義“包含”。保持原有尺寸比例综看。保證替換內(nèi)容尺寸一定可以在容器里面放得下品腹。因此,此參數(shù)可能會(huì)在容器內(nèi)留下空白红碑。

cover:?中文釋義“覆蓋”舞吭。保持原有尺寸比例。保證替換內(nèi)容尺寸一定大于容器尺寸析珊,寬度和高度至少有一個(gè)和容器一致。因此忠寻,此參數(shù)可能會(huì)讓替換內(nèi)容(如圖片)部分區(qū)域不可見(jiàn)(上面講解的例子就是如此)惧浴。

none:?中文釋義“無(wú)”。保持原有尺寸比例。同時(shí)保持替換內(nèi)容原始尺寸大小倡蝙。

scale-down:?中文釋義“降低”。就好像依次設(shè)置了none或contain, 最終呈現(xiàn)的是尺寸比較小的那個(gè)绞佩。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末寺鸥,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子品山,更是在濱河造成了極大的恐慌胆建,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件肘交,死亡現(xiàn)場(chǎng)離奇詭異笆载,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)涯呻,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門凉驻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人复罐,你說(shuō)我怎么就攤上這事涝登。” “怎么了效诅?”我有些...
    開(kāi)封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵胀滚,是天一觀的道長(zhǎng)趟济。 經(jīng)常有香客問(wèn)我,道長(zhǎng)咽笼,這世上最難降的妖魔是什么顷编? 我笑而不...
    開(kāi)封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮剑刑,結(jié)果婚禮上勾效,老公的妹妹穿的比我還像新娘。我一直安慰自己叛甫,他們只是感情好层宫,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著其监,像睡著了一般萌腿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上抖苦,一...
    開(kāi)封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天毁菱,我揣著相機(jī)與錄音,去河邊找鬼锌历。 笑死贮庞,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的究西。 我是一名探鬼主播窗慎,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼卤材!你這毒婦竟也來(lái)了遮斥?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤扇丛,失蹤者是張志新(化名)和其女友劉穎术吗,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體帆精,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡较屿,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了卓练。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片隘蝎。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖昆庇,靈堂內(nèi)的尸體忽然破棺而出末贾,到底是詐尸還是另有隱情,我是刑警寧澤整吆,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布拱撵,位于F島的核電站辉川,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏拴测。R本人自食惡果不足惜乓旗,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望集索。 院中可真熱鬧屿愚,春花似錦、人聲如沸务荆。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)函匕。三九已至娱据,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間盅惜,已是汗流浹背中剩。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留抒寂,地道東北人结啼。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像屈芜,于是被迫代替她去往敵國(guó)和親郊愧。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容