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

通过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. Google Search Console移动设备易用性报错修复【已解决】
  5. 熊掌号中天级收录和周级收录的区别?
  6. 如何在没有插件的情况下为WordPress中的外部链接添加nofollow
  7. 在wordpress通过代码实现百度主动推送|手工提交|实时推送
  8. wordpress熊掌号站点天级收录链接提交代码【不用插件实现】

发表评论

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