我用一張尺寸為1440x1280的圖片作為網(wǎng)站背景圖，例如:body{background:#fff url(/material/bjt.jpg);}可我用手機(jī)訪問網(wǎng)站看到的背景圖只有右上角的一部分，想請教前輩們?nèi)绾慰刂扑姆洲q率呢？或者其他方法。望前輩幫幫忙吧。錯了，是左上角的一部分，
3 回答
揚(yáng)帆大魚
TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超9個贊
可以使用：Background-size屬性
語法：background-size ：
[ <length> | <percentage> | auto ]{1,2} | cover | contain
取值：<length>：
由浮點(diǎn)數(shù)字和單位標(biāo)識符組成的長度值。不可為負(fù)值。
<percentage>：
取值為0%到100%之間的值。不可為負(fù)值。
擴(kuò)展資料：
DIV+CSS的合理之處在于可以進(jìn)行網(wǎng)頁的統(tǒng)一設(shè)計(jì)管理，通過一個樣式表，牽一發(fā)而動全身，只要修改樣式表，就可以統(tǒng)一全站的風(fēng)格，如果為一個頁面單獨(dú)做一個樣式表，或者一個div就做一個樣式表，沒有全局設(shè)計(jì)觀念，那么這個div+CSS的設(shè)計(jì)方式就完全沒有必要，甚至成了累贅。
精簡的代碼，使用DIV+CSS布局，頁面代碼精簡，這一點(diǎn)相信對XHTML有所了解的都知道。代碼精簡提高了百度蜘蛛的爬行效率以及高效性，能在最短的時間內(nèi)爬完整個頁面，同時這樣對收錄質(zhì)量有一定好處。
div+css結(jié)構(gòu)清晰，很容易被搜索引擎搜索到，天生就是適合優(yōu)化seo，降低網(wǎng)頁大小，讓網(wǎng)頁體積變得更小。注意：div+css結(jié)構(gòu)清晰、精簡，不意味著可以全部用div+css結(jié)構(gòu)，比如通篇HTML標(biāo)簽全DIV的，貌似除了<head>之上及<body>之上及之外。
其它全是<div>，就如同整個HTML是一萬個毫不相干的內(nèi)容拼裝起來，或者通篇是<div><ul><li>結(jié)構(gòu)的，就如同這個頁面所有元素全是列表。事實(shí)上這兩種情況還相當(dāng)普遍，因?yàn)榍饬恕癉IV+CSS”的真實(shí)含義，因?yàn)橐粋€完整頁面幾乎不可能僅僅DIV+CSS就能完成。
小怪獸愛吃肉
TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超1個贊
使用background-size和background-position,但是要適配不同的屏幕,你得有所取舍,具體看你圖片是否適合repeat,圖片主要內(nèi)容的位置等等因素
我只舉個例子
background-size:cover ;/*充滿容器*/
background-position: center;/*居中顯示*/
這兩個屬性還有其他取值,具體我就不詳細(xì)介紹了,網(wǎng)上資料很多
- 3 回答
- 0 關(guān)注
- 5269 瀏覽
添加回答
舉報(bào)
0/150
提交
取消