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

92建站   织梦CMS   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表示强调优先级别。因为有些图片格式是自带宽高限制的。

这样就可以了。

上面就是织梦手机图片自适应的介绍,若有疑问可以找小编进一步探讨交流~

旺铺招租1 旺铺招租2 旺铺招租3 旺铺招租4 旺铺招租5 旺铺招租6
展开