更新:这似乎是一个错误,因为它只发生在 Chrome for Android 和 Chrome DevTools 设备模式中。查看错误报告并加注星标。
下面的代码会导致移动设备上的垂直溢出,只要水平填充大于 50%。在线演示。为什么会这样?
<!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>