400-1100-266

9:00-24:00（工作日）

主页 > 网站建设 > 建站知识 > 织梦模板手机端图片爆屏不能自适应怎么办

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

POST TIME:2021-05-23 02:14

html5响应式网站织梦模板源码IT网络工作室织梦网

html5响应式网站织梦模板源码IT网络工作室织梦网

蓝色安防器材公司类整站模板

蓝色安防器材公司类整站模板

工业环保工程类企业网站织梦模板(带手机端)

工业环保工程类企业网站织梦模板(带手机端)

软件APP类网站源码织梦通用型企业网站源码html

软件APP类网站源码织梦通用型企业网站源码html

今天一个朋友向织梦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表示强调优先级别。因为有些图片格式是自带宽高限制的。
完美。。


推荐建站资讯更多>>
推荐模板下载更多>>
织梦标识公司类红色大气营销模板

织梦标识公司类红色大气营销模板

响应式工业重工网站源码机械类网站织梦模板

响应式工业重工网站源码机械类网站织梦模板

蓝色物业类企业公司网站织梦模板

蓝色物业类企业公司网站织梦模板

上一篇：织梦模板调用/修改当前位置position间隔符号的教程

下一篇：dede织梦模板专题标签channelid='-1'调用教程

 
微信咨询办理
在线QQ客服
( 客服小王 )
( 客服小李 )
( 客服小刘 )
( 客服小张 )
关于我们 | 荣誉资质 | 代理加盟 | 定制研发 | 增值服务 | 域名注册 | 网站套餐 | 建站知识

Copyright © 1999-2012 诚信 合法 规范的巨人网络 www.1330.cn 始建于2005年

全国网站建设网站开发咨询热线：400-1100-266   0514-86177077

江苏扬州巨人网络科技有限公司   总部地址：江苏省扬州信息产业基地11号楼4层

《增值电信业务经营许可证》苏B2-20120278    苏ICP备15040257号 网站地图
全国咨询热线
400-1100-266
在线客服( QQ：340506921 )
版权所有：巨人网络(扬州)科技有限公司——拥有网站建设十年经验，具备独立网站开发能力，能够提供完善的网站设计及相关的网站制作服务！     全国统一服务热线：400-1100-266
收缩
  • 微信客服
  • 微信二维码

  • 电话咨询

  • 400-1100-266