咨询邮箱 咨询邮箱:445853324@qq.com 咨询热线 咨询热线:13547432457微信第三方平台
您的位置:首页 > 技术分享 > 建站技术 > >

自适应手机端网站图片变形,不能自适应页面大小解决办法

发表日期:2018-12-09 15:20:45    文章编辑:遂宁SEO    浏览次数:

今天一个客户向唐陶网络工作室技术请教说,他公司网站图片手机端不能自适应,很不美观,帮忙看看。经过唐陶网络工作室研究发现,问题其实很简单。

问题原因:
因为再添加图片的时候固定了图片的宽高度,所以无法自适应手机端页面了。
解决办法:

找到对应的CSS文件。将图片的宽度属性设为100%即可,至此问题解决。

img {

border: 0;

width: 100%;【像这样】

display: block;

}

 这样也有一个问题,全部手机站里的图片宽度都成width:100%了。

 可以通过外围div的class精确控制。

 比如:

 <div class='tt'>

 <img src='手机站展示的图片路径'/>

 </div>

 则可以这样定义:

 .tt img{width: 100%;}
 

这是因为固定的高度的原因。所以把图片的宽度属性去掉,问题就解决了。

打开include/ arc.archives.class.php,查找代码:

//设置全局环境变量

$this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];

@SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');

一般在240行左右

在其下面添加:

//去掉img的width和height

$this->Fields['body'] = preg_replace("/style="width:(.*)"/","",$this->Fields['body']);

唐陶网络工作室-遂宁网站建设、遂宁网站优化、遂宁SEO一条龙服务,转载请注明出处:http://tangtaoweb.comhttp://tangtaoweb.com/share/website/94.html

唐陶网络工作室淘宝店铺:织梦模板|tangtaoweb.taobao.com

相关文章推荐