前端设置图片自响应设备宽度

通过css3设置图片自响应

例如:

<div class="zxy">

<img src="./images/123.png"><!--图片正常大小1280px,无法在手机端正常展示-->

</div>

如何设置样式,使其在手机端正常显示?

.zxy img{

background-size:contain|cover;

width:100%;

height: auto;

}

设置后,在手机端可以看到图片是跟随屏幕的大小响应!

推荐阅读

  1. SuiteCRM文档/图片上传后,无法查看和下载解决方法
  2. 不要轻易在WordPress上传以汉字命名的图片
  3. 针对 WordPress 和 Dede CMS 百度熊掌号搜索结果出图怎么设置?
  4. VMWare虚拟机忘记window server 2012 administrator密码 重置密码教程
  5. Ubuntu 18.04修改root密码报错:Authentication token manipulation error
  6. Navicat连接ubuntu上MySQL报错:2003-Can’t connect to MySql server on ‘x.x.x.x'(10061 “Unknown error”)
  7. 如何在Ubuntu 18.04操作系统上安装MySQL?
  8. Navicat for MySQL:1862-Your password has exprired.【已解决】

发表评论

电子邮件地址不会被公开。 必填项已用*标注