开发者社区> 问答> 正文

同样大小的图片在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的屏幕

展开
收起
杨冬芳 2016-06-03 10:07:21 2053 0
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista

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

    2019-07-17 19:26:03
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
基于浏览器的实时构建探索之路 立即下载
WEB浏览器中即将发生的安全变化 立即下载
基于浏览器的实时构建探索之路--玄寂 立即下载