手机版里面调用的文章内容有图片超出宽度怎么办

 2018-06-09 查看原文  2     

超出宽度的图片一般都是添加信息内容的时候,带了图片宽度的原因,比如手机像素500宽,而图片是1000,这样就会超出宽度。7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

解决的方案一般有两个,一个是添加信息的时候修改代码,把图片宽度从固定值改为百分比7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

改成7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

但是有的时候已经添加的图片太多了,一个一个修改的话修改不过来,这个时候可以用php匹配图片的宽度高度属性,并修改成百分比的7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

<?php7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
//$newstext = str_replace("\\","",$newstext);7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
$newstext= preg_replace('/(7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
echo $newstext;7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
?>7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

如果上述代码修改不了的话,可以试一下添加一个样式,把优先级写高7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

或者添加一个样式也行7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

.新闻内容的class名 img{ width:90%; height:auto; !important}7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 7S8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站