在使用html富文本编辑器插入图片时如何保证图片在PC端与手机端自适应

原创 创建时间:2019-01-16 访问量:307 赞:0 踩:0

1、我们通常在使用网页在线的HTML富文本编辑器比如tinymce、ueditor或ckeditor等等,这些不同的editor在插入图片时对图片的设置不同,比如宽度或高度,有的不设置,有的是使用style="width=230px;height100px;"这样内联设置。

2、如果不设置或使用内联的style设置,这样如果图片太宽在手机端就可以显示不完整,那么这样就可以在内容页面的css中加入下面的css代码来进行全局通用设置:


.content img{
    max-width: 100% !important;
    height: auto !important;
}

这样设置完之后就可以了,这样在手机端和PC端都能以正常的比例显示了。😀

更多关于在使用html富文本编辑器插入图片时如何保证图片在PC端与手机端自适应请访问:
相关资源列表:
更多资源请访问:
评论
 我想说:
==已经到底了==
关注: 粉丝: 积分:
工联信息网
如有问题请致邮箱:need@glxxw2018.com(仅限本站无法查询到的资料);本站能够查询到的资料请关注“工联信息网”公众号,通过页面提供的资源码查询!
不良信息反馈及侵权投诉建议请致邮箱:accusation@glxxw2018.com