本文主要介绍了织梦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表示强调优先级别。因为有些图片格式是自带宽高限制的。
这样就可以了。
上面就是织梦手机图片自适应的介绍,若有疑问可以找小编进一步探讨交流~