可以通过backgroundsize属性来设定背景图片的大小它可以是像素px或者是百分比%，举例说明backgroundsize950px*200px这表示把背景图片大小调整为宽度950像素，高度200像素1backgroundsize的语法说明1属性。

html图片按屏幕大小等比例缩放若浏览器允许可按Ctrl+鼠标滚轮滑动缩放，或用代码具体方法如下Ctrl+鼠标滚轮滑动缩放 css代码与htlm代码 CSS 代码如下background position fixedtop 0left 0width 100%heigh。

1新建html文档，在body标签中添加一张图片，给这张图片设置css属性，添加“tansform”缩放属性，属性值为“scaleXn”，scaleXn指的是对宽度进行缩放，n指的是缩放比例2将transform的属性值改为“scaleYn”。

使用css实现IE下可以使用bodyzoom12实现，其他高级浏览器可以使用bodytransform scale12实现。

HTML页面的缩放比例正常设置为10，表示不缩放但是，不同的设备可能会有不同的屏幕尺寸，所以在使用CSS或者meta标签来设置缩放比例时，要考虑到不同设备的特性，这样才能让页面在不同设备上都能显示正确HTML页面是使用。

将span元素调整为块元素设置display block，赋予固定的宽度或百分比 之后为图片设置宽度和高度，宽设置为100%，即可让图片等比例进行缩放，宽度等于span的宽度，高度会等比例变化 box display block width。

你可以使用CSS zoom属性 例如body zoom 3moztransform scale3moztransformorigin 0 0 把整个body放大三倍，缩小同理，改成比1小的数字即可。

输入css样式代码body background urlimage7jpg norepeatbackgroundsize 250px3最后，浏览器运行indexhtml页面，此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。

ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=1quot viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度width=devicewidth，原始缩放比例initialscale=1为10。

2为img标签单独设置“width”或“height”属性，属性值为宽度或者高度，这时图片的宽度将变成设置的宽度，高度将会按原比例进行缩放 3同时为img标签设置“width”和“height”属性，这时图片的大小将会完全按照设置的大小。

原文链接 dp3html 接下来说说轮播，html部分动态绑定高度，至于样式就宽度100%就好 在mounted时期调用方法，因为mounted才可以操作DOM，监听窗口变化 这个384的比例是按照1920*。

1，方案一响应式来做，可以根据媒体查询，设定在不同屏幕宽度下div的高度和宽度，具体的设置看你响应式想怎么显示 media only screen and minwidth 100px and maxwidth 640px div width 100pxheight。

等比缩放就是保证这些比例维持不变，仅仅是尺寸变大变小，那么画面就不会变形图片的宽度高度指的是文档的高度与宽度文档的高宽和宽度，就是打印后图像部分的高宽和宽度分辨率指的是像素的密度，即单位长度内。

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

即网页初始大小占萤幕面积的100%如何让iframe中的网页等比例缩放 function defaulIframePageHeight var ifm = documentgetElementByIdquotdefaulIframePagequot var subWeb = documentframes ？ documentframesquot。

操作方法如下1以Hbuilder来讲解，首先新建一个HTML页面，如图2接着给标签设置背景图片，如图设置的是ltbody标签3然后新建一个css文件，如图4这里给body标签设置backgroundsize属性，如果标签是div就写div。