图片自适应

2024/4/23 2:36:49

移动Web开发图片自适应两种常见情况解决方案

本文主要说的是Web中图片根据手机屏幕大小自适应居中显示,图片自适应两种常见情况解决方案。开始吧 在做配合手机客户端的Web wap页面时,发现文章对图片显示的需求有两种特别重要的情况,一是对于图集,这种文章只需要左右滑动浏览…

【微信小程序】根据屏幕尺寸去调整图片尺寸宽高比

1.获取图片的原始宽高,并获取到图片原始宽高的宽高比 let src = "图片地址" wx.getImageInfo({src,success: function(res){let originalWidth = res.width;let originalHeight = res.height;let originalScale = parseInt(originalHeight/originalWidth);//图片高…