html5設定圖片自適應屏幕寬度
- IT技術
- 關注:2.59W次
HTML網頁的開發中,需要對大小不一的屏幕相容,使圖片在不同的設備中可以展示預期的效果。自適應屏幕的寬度,利用css中background屬性可以實現
工具/材料
瀏覽器,文字編輯器
操作方法
新建一個HTML檔案,代碼如下圖
開啟HTML檔案所在的檔案夾,雙擊檔案,跳轉到瀏覽器
改變瀏覽器大小,發現圖片沒有變化,顯示不全
在所在檔案夾下,新建一個樣式檔案,命名爲 ,代碼如下
在HTML檔案中加上對樣式檔案的引用,返回檔案夾,雙擊HTML檔案,發現瀏覽器的變化會引着圖片一起變化,自適應屏幕的大小
- 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/zh-hant/sm/itjishu/zg84l.html