机身延伸至仅适合镀铬的屏幕

时间:2014-09-09 23:15:43

标签: html css google-chrome

我在尝试阻止镀铬使身体适应这里的屏幕http://www.lgbtgamers.com/sessions时遇到了问题。在Firefox中它没有,它看起来像页脚延伸,在铬中它只留下一个白色的间隙。

这部分的CSS:

*{ 
    margin: 0;  
    padding: 0; 
    vertical-align: baseline; 
    -webkit-font-smoothing: antialiased; 
    -moz-font-smoothing: antialiased; 
    -o-font-smoothing: antialiased; 
}

html{ 
    font: 13px/1.4 Helvetica,arial,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol"; 
    font-family: 'Open Sans', sans-serif; 
    color: #4F565A; 
    background: #151515; 
}

body{ 
    background: #E5E5E5; 
}

1 个答案:

答案 0 :(得分:1)

问题似乎是缺少DOCTYPE声明。

只需在html的最顶部添加以下内容(甚至在<html>元素之前,在它自己的行上,它必须是文档的第一行):

<!DOCTYPE html>

这可以防止Chrome进入怪癖模式,模仿旧浏览器的奇怪行为。