大家好，今天小编关注到一个比较有意思的话题，就是关于html手机页面自适应的问题，于是小编就整理了2个相关介绍html手机页面自适应的解答，让我们一起看看吧。
html怎么将背景图与浏览器大小自适应？
图片自适应屏幕大小显示主要是利用百分比来控制，切忌给图片宽度一个固定值。如下代码：html代码:
<div ><img src="图片地址" alt=""></div>
这样，图片的大小就会根据其父级容器的大小而变化，图片的宽度只设置百分比，这样可以根据浏览器窗口的大小变化而随时调整。
如何让网页在浏览器自适应屏幕大小？
方法：
1、在网页头部加上这样一条meta标签：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
（图片来源网络，侵删）
解释：
width=device-width ：宽度等于设备屏幕的宽度
（图片来源网络，侵删）
minimum-scale=0.5：表示：最小的缩放比例
maximum-scale=2.0：表示：最大的缩放比例
user-scalable=yes：表示：用户是否可以调整缩放比例
另外：如果想控制字体的大小的话，应该使用相对大小，可以用下面这段代码，一般不用也可，这里只是说明一种方法。
相对大小的字体
到此，以上就是小编对于html手机页面自适应的问题就介绍到这了，希望介绍关于html手机页面自适应的2点解答对大家有用。
