那图片大小就是p宽度的50%，p没有设置宽度就会默认是屏幕宽度，如果设置了宽度，就要注意 目前有哪些大公司用HTML5做网站HTML5自适应网站是现在的主流，也可能是未来N年的主流公司企业HTML5自适应网站模板可以用千博h。

1输入位置固定top0左0将整个div固定在屏幕的顶部和左侧2输入宽度100%身高100%最小宽度1000像素这个可以适合div的高度和宽度，而minwidth是在屏幕宽度在1000px以内的情况下，保持div的大小不变。

那图片大小就是div宽度的50%，div没有设置宽度就会默认是屏幕宽度，如果设置了宽度，就要注意。

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

1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时。

如果通过css设置背景图，那么图片尺寸要足够大，目前大宽屏1920左右，所以宽度最好设置为1920，然后居中如果通过div嵌入图片，那么将此div设置成绝对定位，zindex1万维网上的一个超媒体文档称之为一个页面外语。

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

效果图片自动伸缩，不会超过屏幕宽度原理css控制图片的maxwidth代码要么直接在图片代码里面设置style要么给图片统一一个class名。

myCanvassetAttributequotheightquot， screenavailHeightmyCanvassetAttributequotidquot， quotmyCanvasquotmyCanvas两种方案的共性都是在把元素添加进DOM前设置他的大小 估计是没分了，给后人看吧。

attrquotheightquot， $windowget0innerHeight contextfillRect0， 0， canvaswidth， canvasheight resizeCanvas就可以了ltcanvas 标签只是图形容器，您必须使用脚本来绘制图形。

该背景图片全屏且自适应的方法是设置背景图像尺寸设置背景图像位置设置背景图像重复1设置背景图像尺寸使用CSS的backgroundsize属性，将其设置为cover，使背景图像始终覆盖整个元素区域，无论其大小如何变化2设置。

分析设计图 假设设计图大小为1080px这也就意味着，在开发时，需要兼容的最大分辨率为1080px，最小的为320px2 调整视口 代码实例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移动。

分析如下1页面大的时候它也变大但是大到它本身的尺寸的时候，再扩大页面它就不大了设置最大宽高为图片的宽高~代码如下ltdiv style=quotmaxwidth395px maxwidth744pxquotltimg src=quotimageszs_img01gifquot。

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

对，ps出来的没法和web自适应可以做几张不同大小的图片，通过识别显示器的分辨率自动显示不同大小的图片来实现自适应。

首先你要在html页面头部加上下面的代码，其次你要把页面中的宽度修改为百分比，不能不用固定尺寸，一些小的模块可以用固定尺寸再就是css中要应用到媒体查询，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=。

ifimgWidthreWidth p=imgWidthreWidthcHeight=MathfloorimgHeightpobjwidth=reWidthobjheight=cHeight ltscript 调用 ltimg src=quot图片地址quot onload=quotreSizeImgthis，200quot。