为什么水平填充会影响垂直溢出?

时间:2016-03-16 16:04:28

标签: css google-chrome google-chrome-devtools chrome-for-android

  

更新:这似乎是一个错误,因为在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>

0 个答案:

没有答案