html5設置圖片自適應屏幕寬度
HTML網頁的開發中，需要對大小不一的屏幕兼容，使圖片在不同的設備中可以展示預期的效果。自適應屏幕的寬度，利用css中background屬性可以實現
東西/材料
瀏覽器，文本編纂器
操作方式
-
01
新建一個HTML文件，代碼如下圖
-
02
打開HTML文件地點的文件夾，雙擊文件，跳轉到瀏覽器
-
03
改變瀏覽器巨細，發現圖片沒有轉變，顯示不全
-
04
在地點文件夾下，新建一個樣式文件，定名為 auto.css，代碼如下
-
05
在HTML文件中加上對樣式文件的引用，返回文件夾，雙擊HTML文件，發現瀏覽器的轉變會引著圖片一路轉變，自順應屏幕的巨細
- End
- 發表于 2018-08-01 00:00
- 閱讀 ( 604 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章