织梦dedecms如何解决手机端图片不能自适应

92模板   2021-01-12   收藏本文

本文主要介绍了织梦dedecms如何解决手机端图片不能自适应,修改方法很简单,只要加个width: 100%;就可以了,具体内容看正文吧,推荐给有此需要的朋友,一起看看吧。

织梦网站源码

公司网站的图片不能自适应,也不漂亮。它很有帮助。它被称为手机编92模板小编研究发现。事实上,这很简单。找到相应的CSS文件。图片的宽度属性设置为100%,这个问题可以解决。

找到图片的CSS,修改如下:

img {

border: 0;

width: 100%; /*此为92jzh.com添加的*/

display: block;

}

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

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

比如:

<div class='test'>

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

</div>

则可以这样定义:

.test img{width: 100%  !important; height:auto  !important;}

上面的!important表示强调优先级别。因为有些图片格式是自带宽高限制的。

这样就可以了。

以上就是关于织梦手机图片自适应的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~

微信公众号

展开