设置zoom后，屏幕缩放比125%或者150%，sortablejs失效

背景

项目需要设置缩放来解决用户显示器设置缩放比过大问题，比如显示器设置150%，如果不控制那么文字会显得巨大，添加完成以后发现拖拽排序功能不好用了

直接上解决办法

如果你是用下面这种方法改的缩放的话那就不需要动了，只不过你的select、pagination可能会有偏移（125%以上会出现）

	document.getElementsByTagName('body')[0].style.transformOrigin = 'left top'
    document.getElementsByTagName('body')[0].style.transform = 'scale(' + (1 / window.devicePixelRatio) + ')'
    document.getElementsByTagName('body')[0].style.width = window.devicePixelRatio * 100 + '%'
    document.getElementsByTagName('body')[0].style.height = window.devicePixelRatio * 100 + '%'

如果你修改的是body的zoom的话就需要做出相应调整了，因为这时候sortablejs就会失效，解决办法就是在你要排序的那个位置的最外层元素

<div class='out_container'>
	<div>这是你要做排序的地方</div>
</div>

在dom加载完成的钩子函数里面加这段代码

	document.getElementsByClassName('out_container')[0].style.zoom = window.devicePixelRatio
    document.getElementsByClassName('out_container')[0].style.transformOrigin = 'left top'
    document.getElementsByClassName('out_container')[0].style.transform = 'scale(' + (1 / window.devicePixelRatio) + ')'
    document.getElementsByClassName('out_container')[0].style.width = window.devicePixelRatio * 100 + '%'
    document.getElementsByClassName('out_container')[0].style.height = window.devicePixelRatio * 100 + '%'

注意！！！！

out_container这个元素不要包裹到弹窗或者抽屉之类的元素要把他们放到out_container外面不然有可能会出现遮罩层挡住无法选择问题