<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"><title>背景图片自适应</title><style type="text/css">html,body {padding: 0margin: 0}div {width: 100%height: 300pxbackground: url('images/slide_01_640x340.jpg') no-repeatbackground-size: 100% 100%}</style></head><body><div></div></body></html>
2.HTML代码的截图效果：
3.自适应最重要的样式如下：
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
width: 100%
background-size: 100% 100%
4.最终的效果是这样：
按住电源键（关机键）的同时按主屏幕（HOME)键，听见"咔嚓"一声，就代表截图成功了。另外还有用截图软件截图的，你可以下载一款在你手机上最好用的截图软件，安装后就可以使用截图功能了。答题不易，互相帮助，手机提问的朋友在客户端右上角评价点满意即可.
如果你认可我的回答，请点击采纳为满意回答按钮！
你好，微信上的HTML页面一般是用工具做出来的，很少有开发的H5案列，最常见是翻页H5，自由度比较低，只能修改图片换换位子，而专业工具自由度比较高，可以很灵活的设计H5，epub360在专业工具中上手难度适中，值得大家尝试下。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）