更新:这似乎是一个错误,因为在Android和Chrome DevTools设备模式下,只有Chrome 才会出现。 See and star the bug report.
以下代码会导致移动设备出现垂直溢出,只要水平填充大于50%即可。 Online demo.为什么会这样?
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
div
{
background:red;
height:200px;
padding:0 55%;
}
</style>
</head>
<body>
<div></div>
</body>
</html>