HTML網(wǎng)頁(yè)的開(kāi)發(fā)中，需要對(duì)大小不一的屏幕兼容，使圖片在不同的設(shè)備中可以展示預(yù)期的效果。自適應(yīng)屏幕的寬度，利用css中background屬性可以實(shí)現(xiàn)

工具/材料

瀏覽器，文本編輯器

操作方法

• 01

  新建一個(gè)HTML文件，代碼如下圖

  
• 02

  打開(kāi)HTML文件所在的文件夾，雙擊文件，跳轉(zhuǎn)到瀏覽器

  
• 03

  改變?yōu)g覽器大小，發(fā)現(xiàn)圖片沒(méi)有變化，顯示不全

  
• 04

  在所在文件夾下，新建一個(gè)樣式文件，命名為 auto.css，代碼如下

  
• 05

  在HTML文件中加上對(duì)樣式文件的引用，返回文件夾，雙擊HTML文件，發(fā)現(xiàn)瀏覽器的變化會(huì)引著圖片一起變化，自適應(yīng)屏幕的大小

  

聲明：本篇經(jīng)驗(yàn)系酷知網(wǎng)「www.coozhi.com」原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處。