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

基于HTML5的工具网站兔展 优点页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面缺点屏幕界面大小不可调节，上传的图会比例失调生成后到各尺寸屏上页面会存在拉伸。

关于HTML5的这些优势你知道吗 随着HTML5技术的不断发展，HTML5逐渐成为网络建设的主流语言随着移动网络的快速发展，HTML5发展迅速，企业越来越重视HTML5开发人才虽然HTML5兴起时间不长，但发展势头极快，所以学习HTML5的。

HTML5是html语言的版本5本质也就是html语言DW是个开发环境，就是写代码的Html5是必须会的，dw是可选的，dw就是写代码的工具不过功能比较全像记事本notepad++这些都是可以写的不过推荐用专门的代码编辑器。

ltimg src=quot图片的地址quot width=quot71pxquot height=quot99pxquot 1寸照片尺寸为宽71px 高99px，希望能帮助到你，望采纳。

HTML5对于初学者甚至是非程序员来说都有着十足的吸引力实际上，只要你访问网站，就会和HTML打交道如果能够熟悉一些关键的编程技巧，当你对网站做一些细节调整或优化基本的Web元素时就能节省大量的时间甚至是金钱因此。

这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备。

解决方案2建议你看一下网上的教程或者案例，自己对比学习再写建议如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3看你。