利用table实现 parentwidth100%displaytabletablelayoutfixed left，center，rightdisplaytablecell leftwidth100px rightwidth100px 利用flex实现 parentdisplayflex leftwidth100。

首先用dw编辑器建立了一个静态页面 将建好的静态页命名为csshtml，标题为了“css如何设置图片大小自适应”在body中添加两个div，设置不能的宽度，并设class为div1和div2，目的是用一样的css控制图片的宽度在不同的宽度。

css如何设置图片大小自适应1用dw编辑器建立了一个静态页面 2将建好的静态页命名为csshtml，标题为了“css如何设置图片大小自适应”3在body中添加两个p，设置不能的宽度，并设class为p1和p2，目的是用一样的css控制。

当屏幕宽度小于768px手机时，将图片换为小图，并在div里生成img标签，img的宽高随窗口变化而变化，包裹img的div也随之变化 1打开代码编辑器1html代码的编写3css代码的编写4js的代码编写5在移动端手指。

ltstyle type=quottextcssquot html fontsize 42px ltstyle4 按照设计图的像素进行开发 按照正常网页开发流程，进行网页开发即可5 使用百分比和rem替换px 代码效果对比*使用固定像素*box。

首先看你的背景图片大小，如果很大的话，一般情况下很多显示器都会显示的合适如果是想适应移动设备的，用一个CSS3属性 backgroundsizecover就可以了，可以将背景图根据窗口大小铺满整个浏览器窗口。

05 在HTML文件中加上对样式文件的引用，返回文件夹，双击HTML文件，发现浏览器的变化会引着图片一起变化，自适应屏幕的大小。

html5中是通过css3的backgroundsize来控制自适应的直接在图片代码里面设置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么给图片统一一个class名例如responseimg，然后在css文件里面设置这个class h。