高度自适应

版权声明：本文为博主原创文章，未经博主允许不得转载 https://blog.csdn.net/qq_39197547/article/details/82344181

开发中遇到一个问题， 要求不管在多高的屏幕下，图片(什么都行)到底部的距离都应该和psd一致，flash里面的问题

//定义宽度

var psdWidth=750;

//定义高度

var psdHeight=1448;

//获取手机屏幕宽度

var w = window.innerWidth || document.documentElement.clientWidth || document.body.offsetWidth;

//获取手机屏幕高度

var h = window.innerHeight || document.documentElement.clientHeight || document.body.offsetHeight;

let pathW = psdWidth/w;//宽的比例

let pathH = (psdHeight- h * pathW)/2;//得到额外的高度 ---------》 (y-a)/2

使用的时候，图片到底部的定位可以用：

bottom：当前的位置+pathH；//这样可以实现不管屏幕有多高，我们的图片都可以均衡的展示