html5怎么设置自适应，h5网页自适应

html5手机页面背景图片自适应大小问题

首先建议你用html5来开发，然后，在网页的 中增加以上这句话：可以让网页的宽度自动适应手机屏幕的宽度。

如果通过css设置背景图，那么图片尺寸要足够大，目前大宽屏1920左右，所以宽度最好设置为1920，然后居中；如果通过div嵌入图片，那么将此div设置成绝对定位，z-index：-1。

html5中是通过css3的background-size来控制自适应的。

HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果。

相关问答

Q1: html5里面怎样自动适应手机屏幕的高度

1、html5中自动适应手机屏幕高度的方法：使用meta标签，这也是一种常用的方法。

2、有两种 通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

3、utf-8meta name=viewport content=width=device-width， initial-scale=1 使用百分比定义宽度，CSS代码可以适当使用：media only screen and (max-width：449px){ } 自动根据屏幕像素 调用不同的CSS代码。

4、首先建议你用html5来开发，然后，在网页的 中增加以上这句话：可以让网页的宽度自动适应手机屏幕的宽度。

5、可以通过webview方式访问远程，也可以把html5页面放在手机app端，本地方式进行访问。但都离不开webview。

6、，输入position：fixed；top：0；left：0；将整个div固定在屏幕的顶部和左侧。

Q2: html5如何设定高度自适应?

1、在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

2、通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

3、使用textarea标签进行多行文本的输入有很多限制，比如不能实现高度自适应，会出现难看的滚动条等问题。

4、第一种：一定高度内容加多时自适应高度，而内容少时DIV有一定最小高度；第二种：没有最小高度，DIV完全自适应高度。

html5怎么设置自适应的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于h5网页自适应、html5怎么设置自适应的信息别忘了在本站进行查找喔。