第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

用css、如何讓圖片自動適應(yīng)屏幕大小,不出現(xiàn)滾動條,不變形,兼容各個瀏覽器

用css、如何讓圖片自動適應(yīng)屏幕大小,不出現(xiàn)滾動條,不變形,兼容各個瀏覽器

慕妹3146593 2019-05-24 11:22:49
/*把圖片做背景圖*/#st-integral-page.background-box{width:100%;height:100%;top:0;z-index:-1;position:absolute;}/*把圖片做背景圖*/#st-integral-page.background-box.img-background{display:block;outline:none;border:0;height:100%;width:100%;}這樣圖片會變形.....
查看完整描述

2 回答

?
神不在的星期二

TA貢獻(xiàn)1963條經(jīng)驗(yàn) 獲得超6個贊

鏈接描述
這個其實(shí)是個很復(fù)雜的問題,要是簡單就直接圖片寬度100%,高度自適應(yīng),或者將圖片當(dāng)做背景來使用,然后在背景圖片中添加一個background-size:contain;屬性。如果你有空的話可以看一下我這篇博客,最后提到了手機(jī)淘寶響應(yīng)式的原理,使用rem配合viewport。
                            
查看完整回答
反對 回復(fù) 2019-05-24
?
慕容森

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超18個贊

把img隱藏掉然后用js去把img的src獲取賦給容器div作為背景圖設(shè)置成cover就可以如果不用js又要兼容各個瀏覽器那么建議你用backgroundimage本來使用object-fit:cover也行但兼容性不行
一定要用img而兼容性又要好的話是一定要配合js的
                            
查看完整回答
反對 回復(fù) 2019-05-24
  • 2 回答
  • 0 關(guān)注
  • 714 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號