Question

如果有任何元素大于ca. 400 px（此处为绿色div）具有位置的元素：固定停止固定。在Firefox Mobile中没关系。＆＃34;溢出：隐藏或滚动＆＃34;没有帮助。

这是我的代码：

<!-- <!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>fix test</title>
<style>
body {
    margin: auto;
    max-width: 900px;
}
.fix {
    position: fixed;
    top: 110px;
    background-color: orange;
}
.large {
    width: 650px;
    height: 88px;
    background-color: green;
}
</style>
</head>

<body>
<div class="fix">
    <h1> should be fixed </h1>
</div>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<div class="large"></div>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
<h1>sample text</h1>
</body>
</html>
 -->

我该怎么办？我希望有一些宽于400像素的图片。

这是我的例子：my link

Answer 1

它对我的工作，看起来不起作用，因为身高太大，无法在移动设备中显示。尝试在修复类中使用[top：0]并查看差异。

position：fixed在Chrome Mobile中不起作用

1 个答案: