css - LG移动设备修复了CSS3错误

标签 css mobile

参考网站:

http://jsfiddle.net/kkh975/SCJ9J/1/

<div id="test1">
   box contents    
    <div id="test2">
        fix contents
    </div>
</div>

html, body {
    height: 100%;
}
#test1 {
    width: 100%;
    height: 100%;
    border: 1px solid blue;
    background: #bbb;
}

#test2 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    border: 1px solid red;
    background: #ddd;
}


我发现无法仅在LG手机(即LG G2)上固定的位置工作,而其他设备运行良好。我可以解决这个问题吗?

最佳答案

添加“ -webkit-backface-visibility:隐藏;”到位置:固定。

帮助该网站:http://codepen.io/benfrain/full/wckpb

关于css - LG移动设备修复了CSS3错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20967879/

相关文章:

jquery - 将 jquery 动画代码转换为 css3 转换

html - 使子菜单项出现在定位为绝对的 div 上

javascript - PHP/CSS 如果页面在手机上加载,则仅显示 JPG 背景

java - Python 还是 Java?对于移动开发和 GUI 应用程序来说什么更好

html - 未声明元标记时移动设备上的默认虚拟端口大小?

javascript - Bootstrap 可扩展侧边栏元素

html - 在 Bootstrap 中使用词缀的导航列表之后的图像

css - 媒体查询 : avoiding unnecessary downloading of CSS/images

javascript - Onclick 下载按钮到移动设备的图像

android - OAuth2 - 移动应用重定向问题,停留在浏览器中