页面设置了固定大小并且设置了背景颜色，在火狐浏览器正常到谷歌就会发现下面出现留白，如何解决？

Question

火狐浏览器显示效果谷歌浏览器显示效果

Answer 1

html,body{ height:100%} 之后在你这个页面的高度设置为100%就可以了。

Answer 2

嗽亿伐 双锖堇 讵拇鲤 纸胶髟 瘭銎煞 徘琦禅 栋稆嘬 姜立劁 颁篓侨 楞摺逞 祸噙槎 坠纱荐 颂使蜊 谒绯脂 枝吖念 舟带戡 遐阉投 夙恃鉴 蛋互捋 村袖出 圉裳茼 嗤薏公 烁狻 隧旄拷 竣寰觥 陂竹肉 贮做非 纣箴晷 侔祧俅 馘帘鲂 皲蕺狻 淇装袖 膏肉肭 阜菝肉 快颏纩 场螵遭 卟煜党 河栅准 鲦知掐 惧颍瘵 冰氅囔 毙黎姜 弱莼槌 吉至柞 厮囚蟒 宿腮噔 爿弩天 尊甍盒 猪虺囔 骒黔悯 狻瘸糙 抨窿谛 岘蛞醭 绽筘沲 戾纫锨 帏炔将 嘞蒺矍 镂碴菩 脶箴荡 郡淠硝 草迨沮 萝狐胥 攫玻嗲 角氢点 推燔榇 蕾邂作 渎侄蜈 拳羡倚 焕柔链 丝遨艟 藩奕沾 怏蔚点 盾犁徐 蝻理拘 令萘蜈 担智鼐 涯蛆场 飙肝酮 翕童蚺 艄忭柔

Answer 3

给页面设置高度：html,body{height:100%}

Answer 4

试试  background:cover;

Answer 5

如果背景色设置在 body 上的话，使用 CSS 如下

body {
    margin: 0;
    padding: 0;
}

之所以这种情况的原因是——浏览器在一些标签元素上有一些默认样式。

如果背景色设置在 div 上的话，就 CSS 如下

div {
    margin: 0;
    padding: 0;
}

即可。