SVG排版 | 点击可以输入内容
模板效果
模板代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover" />
<title>公众号：懂点君 || 视频号：懂点君 || 微信号：dong_dian_jun</title>
<style type="text/css">*{margin:0;padding:0;}.rich_media_content{overflow:hidden;color:#333;font-size:17px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify;position:relative;z-index:0;}.rich_media_content *{max-width:100%!important;box-sizing:border-box!important;-webkit-box-sizing:border-box!important;word-wrap:break-word!important;}</style>
</head>
<body>
<div class="rich_media_content" style="visibility: visible;">
<section style="overflow: hidden;">
<section style="height: 0;">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 850 567" style="weixin: dong_dian_jun;background: url(https://mmbiz.qpic.cn/mmbiz_png/JpraGu7eGqT9ibGaPEoCPRBCxkm0bAiceQiaXvSrnyH8FK5MwP7YuQtursXS3qmvVGstrJkXGeD17Kcfiahlwck6og/0?wx_fmt=png) no-repeat;background-size: 100%;"></svg>
</section>
<section style="weixin: dong_dian_jun;font-size: 1em;color: #fff;line-height: 1.5em;-webkit-user-modify: read-write;user-modify: read-write;transform: scale(1);">懂点君提示：点击一直输入或敲回车</section>
</section>
</div>
</body>
</html>
1 回复
强力驱动