使用视点会使某些线条比其他线条更薄

时间:2016-11-14 15:05:59

标签: css reactjs

body {
  display: flex;
  flex-direction: column
  }

.container {
  width: 80vw;
  flex: 1;
  text-decoration: none;

 
}
.content {
  flex-grow: 1;
  cursor: pointer;
  width: 80vw;
  margin: 0 auto;
  padding: 4.5% 0;
  overflow: hidden;
}
.bar {
  width: 80%;
  height:0.5vw;
  background: black;
}
<html>

<body>
  <div class="container">
    <div class="content"></div>
    <div class="bar"></div>
  </div>
  <div class="container">
    <div class="content"></div>
    <div class="bar"></div>
  </div>
  <div class="container">
    <div class="content"></div>
    <div class="bar"></div>
  </div>
</body>

</html>

嗨我用视点设置线条高度但有时它会使线条比其他线条更细,尽管它具有完全相同的高度,并且我不能真正给出固定的高度尺寸,因为已经用视点构建了其他东西 有什么方法可以解决这个问题吗? 如果更改窗口大小,您会注意到某些线条比其他线条薄1px或更薄。我猜它不能围绕0.123123123事物

0 个答案:

没有答案