关于谷歌浏览器和火狐浏览器的高度兼容

   好久不见,最近包子君开发项目非常的忙,都没空来写博客啦。今天想说一下关于谷歌浏览器和火狐浏览器兼容的问题。

因为我开发用的笔记本,然后使用人员用的是大屏幕的台式电脑,我对首页设置了固定的高度,只对我的小电脑有效,于是我就写媒体查询

@media screen and (min-1500px){
.main_wrap{height:758px;}
}

但是只对火狐浏览器到达底部,对于谷歌来说,下方还是有一段空白,于是我各种找方法,终于找到兼容啦

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-1500px) {
.main_wrap{height:845px;}
}

-webkit-min-device-pixel-ratio:0 这个代表在谷歌浏览器下的,这样就解决了我的问题,嘻嘻,希望大家一起进步,共同成为一个优秀的前端开发工程师

原文地址:https://www.cnblogs.com/lhyforfront/p/6084855.html