最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

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

圖片自適應(yīng)問題

圖片自適應(yīng)問題

戴眼鏡的粉紅兔子 2015-10-21 10:44:53
給一個(gè)元素設(shè)置個(gè)背景圖片,該背景圖片是一張大圖的一部分,用background-position定位的,這種情況下可以實(shí)現(xiàn)圖片自適應(yīng)嗎?
查看完整描述

4 回答

已采納
?
鬧小志

TA貢獻(xiàn)75條經(jīng)驗(yàn) 獲得超42個(gè)贊

那要看你這個(gè)大圖是怎樣一個(gè)大圖了,

1、我一般做的都是那種長圖形式的大圖,每個(gè)圖標(biāo)大小切成相同的,然后就可以用background-size來控制圖片的尺寸,這種情況基本是可以實(shí)現(xiàn)背景圖片自適應(yīng)的。

2、第二種情況就是一個(gè)大圖上什么都有,小圖標(biāo)啊,按鈕背景啊 什么的,這種情況我沒這么做過,因?yàn)檫@樣的大圖實(shí)現(xiàn)背景自適應(yīng)太困難,考慮的因素太多,縮小之后,背景位置的變化啊什么的,時(shí)間成本太大,最后的結(jié)果可能還不盡如人意。

個(gè)人見解,如果lz找到了更合適的方法,也記得分享給我~

查看完整回答
反對 回復(fù) 2015-10-21
?
echo_kinchao

TA貢獻(xiàn)600條經(jīng)驗(yàn) 獲得超86個(gè)贊

你這是雪碧圖把 ?我覺得給寬度百分比 可以實(shí)現(xiàn)您的需求嗎

查看完整回答
反對 回復(fù) 2015-10-21
?
鬧小志

TA貢獻(xiàn)75條經(jīng)驗(yàn) 獲得超42個(gè)贊

不,第一種情況我指的是這樣的:

http://img1.sycdn.imooc.com//562725ff0001bd4d00260125.jpg

都是小圖標(biāo),尺寸相同,這樣的比較好弄。

查看完整回答
反對 回復(fù) 2015-10-21
?
戴眼鏡的粉紅兔子

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

第一種情況你的意思還是使用單張圖片比較好嘛

查看完整回答
反對 回復(fù) 2015-10-21
  • 4 回答
  • 0 關(guān)注
  • 1698 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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