在手机上弹出的窗口我们平时都是固定设置了宽高，而因为不同手机设备，屏幕尺寸也不同，导致了弹窗显示的差异。那么我们应该怎么设置弹窗在不同的手机设备

上正常显示比例呢?下面和大家分享下我处理的方式

设置手机弹窗在手机上下左右居中，那么我们可以使用CSS3中的absolute属性设置，顶部与左侧的距离

弹窗的宽度= $(window).width()-窗口距离屏幕左右的宽度和100（左右都是50px）

弹窗的宽度= $(window).height()-窗口距离屏幕上下的宽度和100（上下都是50px）

所以我们在JS重新设置窗口的宽高

$(".layer").css({"width": 窗口的宽度},"height": 窗口的宽度, "top": "50px", "left": "50px");