其实这个原因也是困扰了我好久~我记得至少有2天吧,终于是通过度娘解决了!现在我就把具体的解决办法分享给大家~希望大家能够避免我走的弯路哟~
首先,页面中的img标签不能自适应
解决办法是加上如下代码
img {
vertical-align: middle;
width: 100%;
}
还有你会发现有些文章的p标签中的span被强制不能换行了,会导致手机端浏览的时候出很大的问题~我的富文本编辑框是KindEditor,然后在google浏览器中打开调到手机浏览模式后,审查元素发现span标签被加了 这个样式,也就是强制不能换行!那么怎么办呢?
我的是php后台解决思路
str_replace('', '', $article['info']);
将它替换掉就好了![因为之前有发布很多文章,为了使每篇文章都能适应手机端浏览我需要这样处理哟]
还有就是要处理一下kindeditor!处理方法:打开\include\kindeditor\kindeditor.js 搜索将搜索 'white-space' : 'nowrap',把这个删除或者注释掉就可以。若不行在删除 K('span.Apple-style-span', div).remove(true); 进入后台在次点添加内容会发现恢复正常
或许其他的富文本编辑器不存在这样的情况吧~