Question

我在我的网站上使用了粘性页脚设计，我采用了响应式网页设计，采用了来自Ben Frain的HTML5和CSS3（第二版）。它完全适用于主流现代浏览器，但不适用于三星Galaxi Note 2内置浏览器。我想知道为什么？。欢迎提供任何解释或建议，包括来自iphone用户的任何反馈。

<!doctype html>
<html>
<head>
<meta charset="iso-8859-1">
<title>Sticky footer</title>
</head>
<style type="text/css">
html, body{
    margin: 0;
    padding:0;
}
html{
    height: 100%;
}
body{
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
#header{
    background-color: #0FF;
}
#MainContent{
    flex: 1;
}
#footer{
     background-color: #0F9;
}
</style>

<body>
<div id="header">This is the header</div>
<div id="MainContent">This is the main content</div>
<div id="footer">This is the footer</div>
</body>
</html>

Answer 1

三星Galaxi Note 2，内置浏览器，即使放入-webkit也无法正确处理html5 flexbox概念。请改用Chrome或FireFox。

为什么粘性页脚不适用于三星智能手机注2，内置浏览器？

1 个答案: