HTML网页如何自动适应手机屏幕

在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9

不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。只能指定百分比宽度

相对大小的字体字体也不能使用绝对大小（px），而只能使用相对大小（em）。

p>首先你要在html页面头部加上下面的代码viewport"，不懂可以百度content="，一些小的模块可以用固定尺寸meta , name="。再就是css中要应用到媒体查询，不能不用固定尺寸。

</>，其次你要把页面中的宽度修改为百分比width=device-width，也就是@mediainitial-scale=1"

解决方案2：

建议你看一下网上的教程或者案例，自己对比学习再写。

建议：如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档

解决方案3：

看你之前是怎么做的，最好都调整成百分比的，这样最省事。