欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

编程代码

织梦源码移动端图片爆屏不能自适应如何办

标签: 作者:融科网络 | 点击:
10

Oct
2019

导语
今天一个朋友向织梦97小编请教说,他企业网站图片移动端不能自适应,很不美观,叫小编帮忙看看。 经过织梦97小编研究发现,问题其实很简单。 找到对应的CSS文件。将图片的宽度
 

今天一个朋友向织梦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表示强调优先级别。因为有些图片格式是自带宽高限制的。
完美。。 郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/code/8887.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇:织梦源码调用/修改当前位置position间隔符号的教程

下一篇:dede织梦源码专题标签channelid='-1'调用教程

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制