当前位置:织梦97 > 织梦教程 > 织梦技巧 > 织梦模板手机端图片爆屏不能自适应怎么办

织梦模板手机端图片爆屏不能自适应怎么办

发布人:织梦97 时间:2018-01-25 人气:1356

好消息:现在购买商业模板赠送银牌会员(一元送一天)。同时承接各类网站编辑制作、仿站业务,详情联系右边客服。织梦仿站、织梦安装、修改、安全处理、疑难解决、PHP网站开发、网页设计、改版、点击这里
今天一个朋友向织梦97小编请教说,他公司网站图片手机端不能自适应,很不美观,叫小编帮忙看看。
经过织梦97小编研究发现,问题其实很简单。
找到对应的CSS文件。将图片的宽度属性设为100%即可,至此问题解决。
img {
border: 0;
width: 100%;【此为织梦97小编多加的】
display: block;
}
这样也有一个问题,全部手机站里的图片宽度都成width:100%了。
可以通过外围div的class精确控制。
比如:
<div class='test'>
<img src='手机站展示的图片路径'/>
</div>
则可以这样定义:
.test img{width: 100%  !important; height:auto  !important;}
 上面的!important表示强调优先级别。因为有些图片格式是自带宽高限制的。
完美。。
暂无评论!
用户: 密码: 验证: 点击获取 注册
验证: 点击获取