HTML網(wǎng)頁(yè)的開發(fā)中 ， 需要對(duì)大小不一的屏幕兼容，使圖片在不同的設(shè)備中可以展示預(yù)期的效果 。自適應(yīng)屏幕的寬度，利用css中background屬性可以實(shí)現(xiàn)
工具/材料瀏覽器，文本編輯器
操作方法01、新建一個(gè)HTML文件，代碼如下圖
02、打開HTML文件所在的文件夾，雙擊文件，跳轉(zhuǎn)到瀏覽器
03、改變?yōu)g覽器大小，發(fā)現(xiàn)圖片沒(méi)有變化，顯示不全
04、在所在文件夾下，新建一個(gè)樣式文件，命名為 auto.css ， 代碼如下
【html5設(shè)置圖片自適應(yīng)屏幕寬度】05、在HTML文件中加上對(duì)樣式文件的引用，返回文件夾，雙擊HTML文件，發(fā)現(xiàn)瀏覽器的變化會(huì)引著圖片一起變化，自適應(yīng)屏幕的大小
推薦閱讀
- 如何用手機(jī)在圖片上加箭頭
- 怎樣制作背景透明的圖片、圖標(biāo)
- VisualStudio中如何設(shè)置文本字體
- 如何使用Ps制作動(dòng)態(tài)表情圖片
- css透明度，css圖片透明度設(shè)置方法
- 黑鯊4恢復(fù)出廠設(shè)置ID還在嗎
- 如何設(shè)置Access數(shù)據(jù)表之間的關(guān)系
- PyCharm設(shè)置字體大小與顏色
- PGAdmin中如何設(shè)置語(yǔ)言以及字體大小
- 如何快速去除圖片水印 去水印最簡(jiǎn)單的方法