首先建议你用html5来开发，然后，在网页的 中增加以上这句话可以让网页的宽度自动适应手机屏幕的宽度其中width=devicewidth表示宽度是设备屏幕的宽度initialscale=10表示初始的缩放比例minimumscale=05表示。

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

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

style=#39width50%#39 这样就会保持屏幕的50%的宽度如果有上级标签，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那图片大小就是div宽度的50%，div没有设置宽度就会默认是屏幕宽度，如果设置。

“自适应网页设计”的核心，就是CSS3引入的 Media Query模块它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件上面的代码意思是，如果屏幕宽度小于400像素maxdevicewidth 400px，就加载tinyScreencss文件。

windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $windowget0innerHeight contextfillRect0， 0， canvas。

浏览器部分能够显示的最小字体未12px，当移动端页面宽度为320px时，要保证最小字体为12px，那么在1080px的设计图中，最小字体应当为42px代码实例ltstyle type=quottextcssquot html fontsize 42px。

quotbeforeEndquot， myCanvas或者这种做法 var myCanvas = documentcreateElementquotcanvasquotmyCanvassetAttributequotwidthquot， screenavailWidthmyCanvassetAttributequotheightquot。

09html5videoresize 32 宽高比变大 保持宽度不变，调整rotateX即可实现高度变小，也就是宽高比变大了看下图举个例子，假如原始视频分辨率是640*320169，我想把。

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

楼下正解，就是响应式布局RWD，可以用一些自动实现的框架，比如bootstrap原理我想就是动态css吧，有个东西叫less框架，可以去看看应该无非就是用百分比代替写死的像素大小。

在css中定义一个控制embed的div样式， 自适应可以利用的浮动元素的尺寸可以通过margin来调整，然后让body的高度要设为100%，这样内部的div的高度设为100%才有效，宽度嘛不用管他，div默认就是自适应宽度的 东莞汇鑫。

但是没法儿获得两张分辨率中间大小的版本，而且在很多情况下比如cms中并不适合用背景图片如果是img标签引入的图片，可以使用延迟加载的方式来加载，在实际加载图片之前先用js检查窗口宽度，然后加载不同分辨率的图片。

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

1打开HTML5网页代码2在网页头部加上新代码，让网页的宽度自适应设备的宽度代码如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maximumscale=10 minimumscale=10 userscalable。