fake-tag not work

Question

fake-tag not work

Opened this issue a year ago · 0 comments

yifei8 commented a year ago

Affected version

0.12.0 +

No same issues found.

Yes, I search all issues but not found.

Steps to Reproduce

见代码示例

Code example

<html style="font-size: 9.25926vw">
  <head>
    <meta charset="utf-8" />
    <meta content="portrait" name="screen-orientation" />
    <meta content="portrait" name="x5-orientation" />
    <meta content="webkit" name="renderer" />
    <meta content="max-age=180" http-equiv="Cache-control" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=0.5,maximum-scale=0.5,minimum-scale=0.5,user-scalable=no"
    />
    <title>tag style</title>
    <meta name="keywords" content="请配置页面关键词" />
    <meta name="description" content="请配置页面描述" />
  </head>
  <style>
    body {
      width: 100%;
      height: 100vh;
      margin: 0;
      font-size: 30px;
    }
    .tag {
      background: linear-gradient(
        90deg,
        rgb(255, 134, 64) 3%,
        rgba(255, 134, 64, 0.4) 97.33%
      );
      color: rgb(255, 134, 64);
      border: none;
      border-radius: 9px 6px;
      padding: 0;
      position: relative;
      transform: skewX(-10deg);
      line-height: 44px;
      display: inline-block;
      font-size: 30px;
      font-weight: 550;
      max-width: 210px;
      margin: 20px;
      height: 44px;
    }

    .fake-tag {
      background: #fff;
      border-radius: inherit;
      bottom: 0;
      content: '';
      left: 0;
      margin: 2px;
      position: absolute;
      right: 0;
      top: 0;
    }
  </style>

  <body>
    <div class="tag">
      <div class="fake-tag"></div>

      <div class="content">超级管理员</div>
    </div>
    <script></script>
  </body>
</html>

Expected results

和H5一致

Actual results

fake-tag not work