求助

chenxixingwang · 发表于 2014-10-8 11:02:31

本帖最后由 chenxixingwang 于 2014-10-8 11:05 编辑

在 android 上使用 chrome 打开如下页面，如果设置 viewport 属性，页面显示正常；如果不设置 viewport 属性，绿色边缘有红线

<meta name="viewport"  content="width=device-width">
<style>
      #ref-overlapped-red {
         background-color: red;
         left: 30px;
         height: 100px;
         position: relative;
         top: 30px;
         width: 100px;
      }
      #test-overlapping-green {
         background-image: url("40px-wide-20px-tall-green-rect.png");
         background-origin: content-box;
         background-repeat: no-repeat;
         background-size: 100% 100%;
         border: transparent dotted 5px;
         bottom: 100px;
         height: 100px;
         padding: 25px;
         position: relative;
         width: 100px;

      }
</style>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="ref-overlapped-red"></div>
<div id="test-overlapping-green"></div>
  </body>

求助各路神仙，这种情况是否正常？