首页 > 同样大小的图片在Firefox/IE上显示明显比在chrome上要大

同样大小的图片在Firefox/IE上显示明显比在chrome上要大

<!doctype html>
<html lang="en">
<head>

<meta charset="UTF-8">
<title>Document</title>
<style>
    *{
        padding:0;
        margin:0;
    }
    .wrap{
        width:1280px;
        height:720px;
        background:url(images/main_head.jpg) center no-repeat;
        margin:0 auto;
    }
</style>

</head>
<body>

<div class="wrap"></div>

</body>
</html>

以上为我写的测试demo,运行之后在Firefox/IE上显示明显比在chrome上要大,我的电脑分辨率是:1920*1080的屏幕


应该是 chrome 有缩放吧,试试用 Ctrl+0 重置一下缩放看看效果


在控制台输入console.log(window.innerWidth);console.log(window.innerHeight);查看一下几个浏览器的视觉视口是否不同,视觉视口越小的显示布局视口越大。

【热门文章】
【热门文章】