background-size contain/cover區(qū)別

background-size:cover;

背景鋪滿元素

調(diào)整背景圖片的寬度或高度(較小者)新锈,以鋪滿整個(gè)元素

保持背景圖片的寬高比


background-size:contain;

元素包含整個(gè)背景圖片

調(diào)整背景圖片的寬度或高度(較大者)依鸥,使背景圖片完全包含在元素中

保持背景圖片的寬高

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市信不,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌亡呵,老刑警劉巖抽活,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異政己,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)掏愁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門歇由,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人果港,你說我怎么就攤上這事沦泌。” “怎么了辛掠?”我有些...
    開封第一講書人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵谢谦,是天一觀的道長。 經(jīng)常有香客問我萝衩,道長回挽,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任猩谊,我火速辦了婚禮千劈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘牌捷。我一直安慰自己墙牌,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開白布暗甥。 她就那樣靜靜地躺著喜滨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪撤防。 梳的紋絲不亂的頭發(fā)上虽风,一...
    開封第一講書人閱讀 51,365評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音寄月,去河邊找鬼焰情。 笑死,一個(gè)胖子當(dāng)著我的面吹牛剥懒,可吹牛的內(nèi)容都是我干的内舟。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼初橘,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼验游!你這毒婦竟也來了充岛?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤耕蝉,失蹤者是張志新(化名)和其女友劉穎崔梗,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體垒在,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蒜魄,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了场躯。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谈为。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖踢关,靈堂內(nèi)的尸體忽然破棺而出伞鲫,到底是詐尸還是另有隱情,我是刑警寧澤签舞,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布秕脓,位于F島的核電站,受9級(jí)特大地震影響儒搭,放射性物質(zhì)發(fā)生泄漏吠架。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一搂鲫、第九天 我趴在偏房一處隱蔽的房頂上張望诵肛。 院中可真熱鬧,春花似錦默穴、人聲如沸怔檩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽薛训。三九已至,卻和暖如春仑氛,著一層夾襖步出監(jiān)牢的瞬間乙埃,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來泰國打工锯岖, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留介袜,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓出吹,卻偏偏與公主長得像遇伞,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子捶牢,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案鸠珠? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,751評(píng)論 1 92
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color巍耗,font,text-align渐排,li...
    wzhiq896閱讀 1,751評(píng)論 0 2
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color炬太,font,text-align驯耻,li...
    love2013閱讀 2,314評(píng)論 0 11
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接 關(guān)注公眾號(hào)獲取更多資訊 這篇文章主要總結(jié)H5的一些新增的功能以及一些基礎(chǔ)歸納亲族,這里只是一個(gè)提...
    程序員poetry閱讀 9,071評(píng)論 22 225
  • 一、HTML5 1.1 認(rèn)識(shí)HTML5 HTML5并不僅僅只是作為HTML標(biāo)記語言的一個(gè)最新版本可缚,更重要的是它制定...
    福爾摩雞閱讀 15,887評(píng)論 14 51