亚洲免费在线视频-亚洲啊v-久久免费精品视频-国产精品va-看片地址-成人在线视频网

您的位置:首頁技術(shù)文章
文章詳情頁

CSS3中background-size的問題

瀏覽:102日期:2023-07-20 16:29:39

問題描述

cover 此時(shí)會保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最小大小。contain 此時(shí)會保持圖像的縱橫比并將圖像縮放成將適合背景定位區(qū)域的最大大小。

這里面說的最大大小和最小大小該怎么理解呢?為什么我覺得它們好像沒有區(qū)別啊?

問題解答

回答1:

寫一段代碼自己驗(yàn)證一下啊:

<!DOCTYPE html><html><head><style> p {width: 200px;height: 200px;}.contain{border: black 1px solid;background:url(/i/bg_flower.gif);background-size:contain;background-repeat:no-repeat;padding:10px;}.cover{border: red 1px solid;background:url(/i/bg_flower.gif);background-size:cover;background-repeat:no-repeat;padding:10px;}</style></head><body><p>contain</p><p class='contain'></p><p>cover</p><p class='cover'></p><p>原始圖片<img src='http://m.lshqa.cn/i/bg_flower.gif'/></p></body></html>

可以看出,盡管cover和contain都保持了縱橫比,但是contain會把圖片完全包含進(jìn)box,box內(nèi)部有些部分沒有圖片:CSS3中background-size的問題而cover則是圖片會完全覆蓋box,而圖片的有些部分則會不顯示:CSS3中background-size的問題

回答2:

http://segmentfault.com/a/1190000002481921#articleHeader8

據(jù)說這里有答案……

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 久青草国产手机在线观 | 成人免费视频在线 | 颜值超高的女神啪啪 | 绝对真实偷拍盗摄高清在线视频 | 欧美三级在线观看视频 | 国产成人免费 | 国产亚洲一区在线 | 高清不卡一区二区三区 | 人成免费a级毛片 | 美国毛片在线观看 | 亚洲爽爽| 在线免费一区 | 久久香蕉精品视频 | 国产精品亚洲二线在线播放 | 欧美一级毛片片aa视频 | 亚洲精品第一第二区 | 国产精品夜色视频一级区 | 久久精品中文字幕一区 | 国产精品久久毛片 | 亚洲视频2 | 亚洲精品高清国产一线久久97 | 久久久久亚洲日日精品 | 日本欧美国产精品 | 成年女人看片免费视频频 | 欧美精品亚洲一区二区在线播放 | 男吃女下面刺激视频免费 | 国产精品漂亮美女在线观看 | 97在线国产视频 | 中文字幕日韩一区二区 | 国产高清毛片 | www.欧美成人 | 日本阿v视频在线观看高清 日本波多野结衣视频 | 在线亚洲观看 | 成人在线免费 | 久久不射网 | 久草中文网 | 国产欧美久久精品 | 精品免费久久久久欧美亚一区 | 91情国产l精品国产亚洲区 | 一级做a毛片免费视频 | 性做久久久久久久免费观看 |