为什么粘性页脚在内置浏览器的三星智能手机Note 2上不起作用?

MGZ

我正在为我的网站使用粘性页脚设计,该样式已从Ben Frain的HTML5和CSS3(第二版)的响应式网页设计中采用。它可以在主要的现代浏览器上完美运行,但不能在Samsung 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>
MGZ

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么PDF中的超链接在智能手机上不起作用?

来自分类Dev

为什么PDF中的超链接在智能手机上不起作用?

来自分类Dev

React网站按钮和输入在智能手机上不起作用

来自分类Dev

引导A标签在平板电脑和智能手机上不起作用

来自分类Dev

自适应CSS在智能手机上不起作用

来自分类Dev

为什么Https在EC2上不起作用?

来自分类Dev

Ping 在三星设备上不起作用

来自分类Dev

CSS媒体查询在Sony Xperia Z智能手机上不起作用

来自分类Dev

CSS媒体查询在Sony Xperia Z智能手机上不起作用

来自分类Dev

粘性插件在WordPress上不起作用?

来自分类Dev

iPhone(智能手机)CSS RWD渲染不起作用

来自分类Dev

Deep Link在三星手机上不起作用(当我尝试从Default Messenger开启时)

来自分类Dev

Bootstrap2输入-小在手机上不起作用

来自分类Dev

AngularJS在某些浏览器/设备上不起作用

来自分类Dev

getUserMedia在新的浏览器上不起作用

来自分类Dev

setOnMouseDragged在浏览器视图上不起作用

来自分类Dev

JavaScript pushState在返回的浏览器上不起作用

来自分类Dev

字体在Windows版本的浏览器上不起作用

来自分类Dev

宽度:100%在移动浏览器上不起作用

来自分类Dev

Atrributes Selection在Android浏览器上不起作用

来自分类Dev

AngularJS在某些浏览器/设备上不起作用

来自分类Dev

jQuery POST在某些浏览器上不起作用

来自分类Dev

Whatspp 按钮在浏览器上不起作用?

来自分类Dev

粘性页脚显示表在Firefox / IE上不起作用

来自分类Dev

为什么height:auto在2个浮动元素上不起作用?

来自分类Dev

为什么height:auto在2个浮动元素上不起作用?

来自分类Dev

简单的PHP Mail函数在Amazon服务器EC2上不起作用

来自分类Dev

ZF2语言系统在本地服务器上不起作用

来自分类Dev

Node.js在Amazon EC2 Ubuntu 14.04服务器上不起作用?

Related 相关文章

  1. 1

    为什么PDF中的超链接在智能手机上不起作用?

  2. 2

    为什么PDF中的超链接在智能手机上不起作用?

  3. 3

    React网站按钮和输入在智能手机上不起作用

  4. 4

    引导A标签在平板电脑和智能手机上不起作用

  5. 5

    自适应CSS在智能手机上不起作用

  6. 6

    为什么Https在EC2上不起作用?

  7. 7

    Ping 在三星设备上不起作用

  8. 8

    CSS媒体查询在Sony Xperia Z智能手机上不起作用

  9. 9

    CSS媒体查询在Sony Xperia Z智能手机上不起作用

  10. 10

    粘性插件在WordPress上不起作用?

  11. 11

    iPhone(智能手机)CSS RWD渲染不起作用

  12. 12

    Deep Link在三星手机上不起作用(当我尝试从Default Messenger开启时)

  13. 13

    Bootstrap2输入-小在手机上不起作用

  14. 14

    AngularJS在某些浏览器/设备上不起作用

  15. 15

    getUserMedia在新的浏览器上不起作用

  16. 16

    setOnMouseDragged在浏览器视图上不起作用

  17. 17

    JavaScript pushState在返回的浏览器上不起作用

  18. 18

    字体在Windows版本的浏览器上不起作用

  19. 19

    宽度:100%在移动浏览器上不起作用

  20. 20

    Atrributes Selection在Android浏览器上不起作用

  21. 21

    AngularJS在某些浏览器/设备上不起作用

  22. 22

    jQuery POST在某些浏览器上不起作用

  23. 23

    Whatspp 按钮在浏览器上不起作用?

  24. 24

    粘性页脚显示表在Firefox / IE上不起作用

  25. 25

    为什么height:auto在2个浮动元素上不起作用?

  26. 26

    为什么height:auto在2个浮动元素上不起作用?

  27. 27

    简单的PHP Mail函数在Amazon服务器EC2上不起作用

  28. 28

    ZF2语言系统在本地服务器上不起作用

  29. 29

    Node.js在Amazon EC2 Ubuntu 14.04服务器上不起作用?

热门标签

归档