微信公众号文章编辑的几点经验
我们知道微信公众号文章的排版布局是有诸多限制的，例如会过滤自定义js及内联外链样式，但可以通过开发者工具编辑部分的行内样式，估计是公众号后台的一点小bug吧。因为本身公众号后台是不开放代码编辑的。
下面来举例一点平时遇到的问题及解决方案。
1.编辑九宫格特效时有裂缝。
因为当把可视区域分成3*3时，是不能平均等分的，可能有的多0.5px有的少0.5px;
还有就是大尺寸的图片的缩放到这个范围内也是不能标准取整的，当有九宫格内有滑动的时候，滚动尾部会有裂缝出现；（特效背景：九宫格通过滑动每一块拼凑成宁一个九宫格图案）
解决办法：给九宫格里每一块加一个同图案的背景，因为和前景是同样的图，又只是0.5像素的差距根本看不出来有背景衬托，达到修复裂缝；
2.超过40k的png图片上传后会自动压缩添加一个白背景；
这样一些想利用png图覆盖的创意难以实现。可以将png切开布局，或内容压在png之上然后精准校对位置。
3.滚动区域上无法叠加其他层级
实验时上一块区域是一个滚动区域，下一区域是图片，想利用margin-top:-30vw 覆盖在其上，结果发现不管图片区块是在滚动区域前还是后层级都在滚动区域下面；如果利用 position: relative;z-index:10;改变层级， position: relative会被过滤。
解决办法：可以利用transform: translate(0,-30vw);覆盖其上。
4.当嵌入网络视频时无法修改视频的宽高尺寸
当你嵌入一段外部腾讯视频时，你会发现无法修改嵌入后的宽高尺寸，即使你传的竖屏比例的视频也只会在横屏的区域里播放，（中间一小条，两边补黑）；
解决方案：可以将视频做成横屏比例但视频内容是竖屏的，然后利用transform: rotate(90deg) scale(1.2,1.2);旋转90度，达到竖屏播放效果和缩放视频尺寸的效果
微信公众号文章编辑的几点经验相关推荐
- 2019年端午节，微信公众号文章编辑排版就这么定了
端午节,又称端阳节.重午节.午日节.龙舟节.正阳节.浴兰节.天中节等,是中国民间传统节日.端午节源自天象崇拜,由上古时代龙图腾祭祀演变而来.端午节与春节.清明节.中秋节并称为中国民间四大传统节日.在这 ...
- 用Markdown，3分钟搞定微信公众号文章排版！
用Markdown,3分钟搞定微信公众号文章排版! 还在使用第三方编辑器排版微信公众号文章?OUT了!只要你掌握本文推荐的3大操作流程,就可以熟练.高效的做好微信公众号文章排版,3分钟搞定!并且可以一 ...
- 关于微信公众号文章编辑器不能直接编辑html样式的处理方法
1.微信的后台是不支持html编辑的:你可以先在其他的编辑器里面编辑好了以后,复制到微信编辑器里面:这样既可以保持原来的格式,还可以自由设置自己的喜欢的格式. 比如我有一大大大大大大大大大大大段话,不 ...
- 微信公众号html在线编辑器,关于微信公众号文章编辑器不能直接编辑html样式的处理方法...
一.微信的后台是不支持html编辑的:你能够先在其余的编辑器里面编辑好了之后,复制到微信编辑器里面:这样既能够保持原来的格式,还能够自由设置本身的喜欢的格式.css 好比我有一大大大大大大大大大大大段 ...
- 简述如何编辑出一篇漂亮的微信公众号文章
简述如何编辑出一篇漂亮的微信公众号文章 1 问题描述 在信息化爆炸的今天,社会化网络的趋势越来越明显,人们越来越喜欢使用微信来作为关注好友家人的桥梁,移动互联网基于智能手机和现代信息技术,它将发展 ...
- 微信有电脑客户端吗_微信公众号文章下载、打印、精确搜索定位与交流方式分享...
点"考研竞赛数学"↑可每天"涨姿势"哦! 封面图来源:pexels.com [注]以下操作适用于所有公众号 一.电子文档下载打印 咱号一直不赞成积累电子文档,而 ...
- c语言编程微信公众号图片直播,如何以图片的形式在微信公众号文章中添加小程序...
如何以图片的形式在微信公众号文章中添加小程序 微信公众号中想要将自己的小程序也放进去,宣传宣传,该怎么添加?下面百分网小编带大家一起来看看详细操作教程,感兴趣的朋友一起学习吧!!!想了解更多相关信息请 ...
- 微信公众号音乐html,如何在微信公众号文章内插入音频及样式？
在微信公众号文章中,插入音频不仅丰富了文章内容,读者在阅读时,还可以获得较好的阅读体验.但有时候公众号插入音频,样式较为单一.刻板,给公众号排版工作带来了很多障碍.小蚂蚁编辑器插入音频边框功能,可以最 ...
- Markdown懒办法排版微信公众号文章
懒人的烦恼 写微信公众号的人群里面,不乏十分勤奋者.看看他们使用的排版工具,便知道为了排版一篇文章,他们要耗费多少辛劳了. 请注意,他们是一个标题.一个段落.一个引言这样的用样式模板插入内容.这样排版 ...
- 小麦苗微信公众号文章链接地址
小麦苗微信公众号文章链接地址 小麦苗的微信公众号文章链接地址 201609 发布日期 文章标题 链接地址 2016-09-30 2016-09-29 2016-09-28 2016-09-27 201 ...
最新文章
- Pytorch optimizer.step() 和loss.backward()和scheduler.step()的关系与区别 （Pytorch 代码讲解）
- 数据库定时导出和互备一例
- Android中ContentProvider组件数据共享
- 按汉字首字母排序(sql语句)
- python gui tkinter_python学习之GUI（Tkinter）
- JMS 2.0中JMSContext的类型
- hdl四位二进制计数器_四位二进制加法计数器
- 解决Docker容器内安装chrome浏览器无法启动bug
- Switch基本知识
- JVM监控及诊断工具GUI篇之Arthas(一)：基础指令
- c语言三种结构化程序设计方法,C语言中用于结构化程序设计的三种基本结构是什么...
- 多核处理器_胶水多核等于Low？处理器封装没有那么简单！
- 大数据职业理解_大数据岗位介绍和职业规划分析
- 苹果账号申请流程——99刀（个人版或公司版 ），299刀（企业版）
- Win10 设置系统还原点
- Matlab蒙特卡罗模拟
- 易买网更多新闻代码_《女神异闻录5》新网站源代码内藏玄机 4月25日有更多情报...
- 特斯拉召回43万辆国产车/ 苹果头显最早明年发布/ 网易将在暴雪游戏停运后退款… 今日更多新鲜事在此...
- 发国外邮件用什么企业邮箱？在国外用什么邮箱稳定呢？
- xcode5 Localized 多语言 本地化