更新: 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>