1、1新建html文件，在body標(biāo)簽中添加img標(biāo)簽，為img標(biāo)簽設(shè)置“src”屬性，屬性值為圖片的地址，這時(shí)圖片的顯示大小是圖片自身的大小2為img標(biāo)簽單獨(dú)設(shè)置“width”或“height”屬性，屬性值為寬度或者高度，這時(shí)圖片的寬度將變。

2、比如transformscale05，表示引用該樣式的內(nèi)容進(jìn)行了縮小了一半，反之，如果括號(hào)里面的值為15那么表示 內(nèi)容放大了15倍做一個(gè)示例演示圖一是圖片縮小了05 圖二是圖片放大了15的效果演示附上。

3、1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3瀏覽器。

4、1首先，先在代碼中輸入positionfixed top 0 left 0這樣的作用是讓整個(gè)圖片固定在屏幕上2之后，再把背景圖片的大小自動(dòng)適應(yīng)DIV大小，當(dāng)圖片自動(dòng)適應(yīng)時(shí)，既可以就進(jìn)行縮放3輸入backgroundsize cover。

5、純HTML沒辦法做到自動(dòng)縮放，至于JS我就不清楚了我這邊推薦HTML兩種方法1同時(shí)制作手機(jī)端PC端IPAD端三張背景圖片根據(jù)不同環(huán)境調(diào)用2只做一張圖，利用backgroundimage的backgroundsize屬性來適應(yīng)屏幕，如下。

6、1首先新建一個(gè)HTML頁(yè)面，這里命名為“new_filehtml”2接著給標(biāo)簽設(shè)置背景圖片，例如設(shè)置的是ltbody標(biāo)簽3接著新建一個(gè)css文件，如圖，命名為“1css”4這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果標(biāo)簽是div就。

7、1以Hbuilder來講解，首先新建一個(gè)HTML頁(yè)面，如圖2接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是ltbody標(biāo)簽3然后新建一個(gè)css文件，如圖4這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果標(biāo)簽是div就寫div，然后可以設(shè)置。

8、請(qǐng)點(diǎn)擊輸入圖片描述 方法3 13 除了上述做調(diào)整軟件的方法，這里兩種快捷鍵的操作方法23 第一種同時(shí)按住鍵盤上的ctrl鍵和“+” 號(hào)或“” 號(hào)中的一個(gè)，“ctrl +”是放大頁(yè)面，“ctrl ”是縮小頁(yè)面請(qǐng)點(diǎn)擊輸入。

9、這個(gè)很簡(jiǎn)單把定位表格的寬度設(shè)置成百分比不要使用固定像素就行了就是說你既然要實(shí)現(xiàn)縮放，那就不能固定1300了注意網(wǎng)頁(yè)中的圖片表單等元素是不能縮放的。

10、使用以上代碼插入圖片，就會(huì)按瀏覽器窗口大小縮放也可以使用javascript對(duì)圖片大小進(jìn)行改變。

11、這種布局一般都是寫固定寬度和高度的如果真的根據(jù)屏幕大小自動(dòng)縮放圖片，會(huì)更難看的ltstyle*margin0padding0bg_5clearbothwidth630pxheight140pxbg_5 lifloatleftliststylewidth125。

12、2在菜單里面縮放后一般你會(huì)發(fā)現(xiàn)在網(wǎng)址欄尾部出現(xiàn)一個(gè)放大鏡，這個(gè)時(shí)候你就可以直接點(diǎn)擊這個(gè)放大鏡進(jìn)行網(wǎng)頁(yè)縮放了3如圖所示，點(diǎn)擊這個(gè)放大鏡后再點(diǎn)擊“+”或者“”進(jìn)行網(wǎng)頁(yè)縮放4還有一個(gè)快捷方法就是ctrl+鼠標(biāo)。

13、一種是JS抓取瀏覽器的resize事件，另外一個(gè)，新單位，低版本瀏覽器不兼容 1vw = 當(dāng)前視圖窗口viewport1%的寬度 1vh = 當(dāng)前視圖窗口viewport1%的高度 1vmin = 1vw 或 1vh， 取決于哪個(gè)更小一點(diǎn) 1vmax = 1vw。

14、指向文件錯(cuò)誤，比如你的網(wǎng)頁(yè)文件在A，但是你卻指向了B你把指向的文件放到網(wǎng)頁(yè)文件內(nèi)在試試如果下載下來的圖片大小規(guī)格完全一樣的話，在photoshop中設(shè)置一個(gè)動(dòng)作，就能批量處理了head中加一個(gè)meta就行了，ltmeta name=quot。

15、用CSS3 @media 查詢 也叫“媒體查詢”語法aaawidth1200px 正常樣式 下面是分辨率最小為300px，最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaaw。

16、方法一可以用手指按住電腦鍵盤的CTRL鍵，然后滾動(dòng)鼠標(biāo)中間的滑輪，就可以進(jìn)行頁(yè)面的縮放了方法二同樣是按住CTRL鍵，同時(shí)需要用右手手指按鍵盤右上角的加號(hào)或者減號(hào)鍵進(jìn)行縮放如圖所示。