• 网站认证
  • 教程:6,665|
  • 话题:6319|
  • 评论:46|
  • 会员:194|
  • 注册
  • 查看作者
  • 手机端图片不能自适应解决方法

    今天一个朋友向织梦小编请教说,他公司网站图片手机端不能自适应,很不美观,叫小编帮忙看看。

    经过织梦小编研究发现,问题其实很简单。

    找到对应的CSS文件。将图片的宽度属性设为100%即可,至此问题解决。

    img {

    border: 0;

    width: 100%;【此为织梦小编多加的】

    display: block;

    }
    这样也有一个问题,全部手机站里的图片宽度都成width:100%了。
    可以通过外围div的class精确控制。
    比如:
    <div class='test'>
    <img src='手机站展示的图片路径'/>
    </div>
    则可以这样定义:
    .test img{width: 100% !important; height:auto !important;}
    上面的!important表示强调优先级别。因为有些图片格式是自带宽高限制的。
    完美。。

  • 0
  • 0
  • 0
  • 914
  • 请登录之后再进行评论

    登录
  • 做任务
  • 实时动态
  • 偏好设置
  • 单栏布局 侧栏位置: