制作HTML5页面适应电脑和手机尺寸的方法主要包括以下几步利用meta标签设置viewport元标签在HTML页面的lthead部分添加ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1， minimumscale=1， maximumscale=1， userscalable=noquot这有助于页面在。

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

一套代码满足多终端通过HTML5等技术的革新，自适应网站使用一套代码即可满足PC端手机端和IPAD端等不同设备的浏览需求简化管理流程无需为不同设备分别维护多个版本的网站，降低了管理成本二自适应网站对百度友好设计的体现 viewport标签标注通过在viewport标签下添加applicabledevice标注，明确页面。

html5中是通过css3的backgroundsize来控制自适应的直接在图片代码里面设置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么给图片统一一个class名例如responseimg，然后在css文件里面设置这个class html5 万维网的核心语言标准通用标记语言下的一个应用超文本标记语言HTML的。

调整视口，设置为width=devicewidth，即视口设置为当前设备的宽度代码实例布局之路移动端开发实例 确定设计图的最小字体，浏览器部分能够显示的最小字体为12px当移动端页面宽度为320px时，最小字体为12px，那么在1080px的设计图中，最小字体应为42px代码实例html fontsize 42px。