原创

手机页面的文章不能自动换行的原因?


其实这个原因也是困扰了我好久~我记得至少有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);  进入后台在次点添加内容会发现恢复正常


或许其他的富文本编辑器不存在这样的情况吧~ 


留言反馈
问题反馈渠道,如有软件无法下载或者其他问题可反馈。【由于某种原因,目前留言不展示】
用户需要登录后才能留言反馈