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


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

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

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

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

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

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM