1、1新建html文件，在body标签中添加img标签，为img标签设置“src”属性，属性值为图片的地址，这时图片的显示大小是图片自身的大小2为img标签单独设置“width”或“height”属性，属性值为宽度或者高度，这时图片的宽度将变。

2、比如transformscale05，表示引用该样式的内容进行了缩小了一半，反之，如果括号里面的值为15那么表示 内容放大了15倍做一个示例演示图一是图片缩小了05 图二是图片放大了15的效果演示附上。

3、1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3浏览器。

4、1首先，先在代码中输入positionfixed top 0 left 0这样的作用是让整个图片固定在屏幕上2之后，再把背景图片的大小自动适应DIV大小，当图片自动适应时，既可以就进行缩放3输入backgroundsize cover。

5、纯HTML没办法做到自动缩放，至于JS我就不清楚了我这边推荐HTML两种方法1同时制作手机端PC端IPAD端三张背景图片根据不同环境调用2只做一张图，利用backgroundimage的backgroundsize属性来适应屏幕，如下。

6、1首先新建一个HTML页面，这里命名为“new_filehtml”2接着给标签设置背景图片，例如设置的是ltbody标签3接着新建一个css文件，如图，命名为“1css”4这里给body标签设置backgroundsize属性，如果标签是div就。

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

8、请点击输入图片描述 方法3 13 除了上述做调整软件的方法，这里两种快捷键的操作方法23 第一种同时按住键盘上的ctrl键和“+” 号或“” 号中的一个，“ctrl +”是放大页面，“ctrl ”是缩小页面请点击输入。

9、这个很简单把定位表格的宽度设置成百分比不要使用固定像素就行了就是说你既然要实现缩放，那就不能固定1300了注意网页中的图片表单等元素是不能缩放的。

10、使用以上代码插入图片，就会按浏览器窗口大小缩放也可以使用javascript对图片大小进行改变。

11、这种布局一般都是写固定宽度和高度的如果真的根据屏幕大小自动缩放图片，会更难看的ltstyle*margin0padding0bg_5clearbothwidth630pxheight140pxbg_5 lifloatleftliststylewidth125。

12、2在菜单里面缩放后一般你会发现在网址栏尾部出现一个放大镜，这个时候你就可以直接点击这个放大镜进行网页缩放了3如图所示，点击这个放大镜后再点击“+”或者“”进行网页缩放4还有一个快捷方法就是ctrl+鼠标。

13、一种是JS抓取浏览器的resize事件，另外一个，新单位，低版本浏览器不兼容 1vw = 当前视图窗口viewport1%的宽度 1vh = 当前视图窗口viewport1%的高度 1vmin = 1vw 或 1vh， 取决于哪个更小一点 1vmax = 1vw。

14、指向文件错误，比如你的网页文件在A，但是你却指向了B你把指向的文件放到网页文件内在试试如果下载下来的图片大小规格完全一样的话，在photoshop中设置一个动作，就能批量处理了head中加一个meta就行了，ltmeta name=quot。

15、用CSS3 @media 查询 也叫“媒体查询”语法aaawidth1200px 正常样式 下面是分辨率最小为300px，最大分辨率为1024px的样式 media screen and minwidth 300px and maxwidth1024px aaaw。

16、方法一可以用手指按住电脑键盘的CTRL键，然后滚动鼠标中间的滑轮，就可以进行页面的缩放了方法二同样是按住CTRL键，同时需要用右手手指按键盘右上角的加号或者减号键进行缩放如图所示。