可以通過(guò)backgroundsize屬性來(lái)設(shè)定背景圖片的大小它可以是像素px或者是百分比%，舉例說(shuō)明backgroundsize950px*200px這表示把背景圖片大小調(diào)整為寬度950像素，高度200像素1backgroundsize的語(yǔ)法說(shuō)明1屬性。

html圖片按屏幕大小等比例縮放若瀏覽器允許可按Ctrl+鼠標(biāo)滾輪滑動(dòng)縮放，或用代碼具體方法如下Ctrl+鼠標(biāo)滾輪滑動(dòng)縮放 css代碼與htlm代碼 CSS 代碼如下background position fixedtop 0left 0width 100%heigh。

1新建html文檔，在body標(biāo)簽中添加一張圖片，給這張圖片設(shè)置css屬性，添加“tansform”縮放屬性，屬性值為“scaleXn”，scaleXn指的是對(duì)寬度進(jìn)行縮放，n指的是縮放比例2將transform的屬性值改為“scaleYn”。

使用css實(shí)現(xiàn)IE下可以使用bodyzoom12實(shí)現(xiàn)，其他高級(jí)瀏覽器可以使用bodytransform scale12實(shí)現(xiàn)。

HTML頁(yè)面的縮放比例正常設(shè)置為10，表示不縮放但是，不同的設(shè)備可能會(huì)有不同的屏幕尺寸，所以在使用CSS或者meta標(biāo)簽來(lái)設(shè)置縮放比例時(shí)，要考慮到不同設(shè)備的特性，這樣才能讓頁(yè)面在不同設(shè)備上都能顯示正確HTML頁(yè)面是使用。

將span元素調(diào)整為塊元素設(shè)置display block，賦予固定的寬度或百分比 之后為圖片設(shè)置寬度和高度，寬設(shè)置為100%，即可讓圖片等比例進(jìn)行縮放，寬度等于span的寬度，高度會(huì)等比例變化 box display block width。

你可以使用CSS zoom屬性 例如body zoom 3moztransform scale3moztransformorigin 0 0 把整個(gè)body放大三倍，縮小同理，改成比1小的數(shù)字即可。

輸入css樣式代碼body background urlimage7jpg norepeatbackgroundsize 250px3最后，瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)用CSS強(qiáng)制了圖片占用250px寬度的大小并且是等比例自動(dòng)縮放。

ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=1quot viewport是網(wǎng)頁(yè)默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁(yè)寬度默認(rèn)等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10。

2為img標(biāo)簽單獨(dú)設(shè)置“width”或“height”屬性，屬性值為寬度或者高度，這時(shí)圖片的寬度將變成設(shè)置的寬度，高度將會(huì)按原比例進(jìn)行縮放 3同時(shí)為img標(biāo)簽設(shè)置“width”和“height”屬性，這時(shí)圖片的大小將會(huì)完全按照設(shè)置的大小。

原文鏈接 dp3html 接下來(lái)說(shuō)說(shuō)輪播，html部分動(dòng)態(tài)綁定高度，至于樣式就寬度100%就好 在mounted時(shí)期調(diào)用方法，因?yàn)閙ounted才可以操作DOM，監(jiān)聽(tīng)窗口變化 這個(gè)384的比例是按照1920*。

1，方案一響應(yīng)式來(lái)做，可以根據(jù)媒體查詢(xún)，設(shè)定在不同屏幕寬度下div的高度和寬度，具體的設(shè)置看你響應(yīng)式想怎么顯示 media only screen and minwidth 100px and maxwidth 640px div width 100pxheight。

等比縮放就是保證這些比例維持不變，僅僅是尺寸變大變小，那么畫(huà)面就不會(huì)變形圖片的寬度高度指的是文檔的高度與寬度文檔的高寬和寬度，就是打印后圖像部分的高寬和寬度分辨率指的是像素的密度，即單位長(zhǎng)度內(nèi)。

lthtmlltheadltstylehtml，bodywidth100%height100%marginauto 0pxpaddingauto 0pxtextaligncenterimgBox， imgBox imgwidth100%height100%ltstyleltheadltbodyltdiv class=quotimgBoxquotltimg。

即網(wǎng)頁(yè)初始大小占螢?zāi)幻娣e的100%如何讓iframe中的網(wǎng)頁(yè)等比例縮放 function defaulIframePageHeight var ifm = documentgetElementByIdquotdefaulIframePagequot var subWeb = documentframes ？ documentframesquot。

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