Question

即使在怪异的分辨率和手机上，我的网站也看起来不错，但是我在那上面的4个下载按钮却很奇怪。文本保持相同的大小和位置，但是当我缩小窗口时，按钮本身变得小很多；这是按钮的CSS代码；

.btn {
  padding: .3em .8em;
  border: 1px solid #446d88;
  background: #fff linear-gradient(hsla(0,0%,100%,.2), transparent);
  color: white;
  box-shadow: 0 .05em .25em rgba(0,0,0,.5);
  border-radius: .2em;
  text-shadow: 0 -.05em .05em rgba(0,0,0,.5);
  font-size: 125%;
  line-height: 1.5em;
}

这是文本div的CSS;

.ptext3{
  font-family:"Lato", sans-serif;
  position:middle;
  width:100%;
  text-align:center;
  color:#000;
  font-size:60%;
  letter-spacing:8px;
  text-transform:uppercase;
}

我尝试过搜索它，但是我发现的答案描述了如何获取相同大小的按钮，但是我已经拥有了，下面是该问题的一些屏幕截图：好，想要；

https://gyazo.com/f26e8668aba389ef1d3ab6daaf5e34d9

不好，和手机上一样；

https://gyazo.com/14e9bad4f485b51e2cd713eb64f78d0e

如何让按钮在不同的屏幕上保持相同的大小（分辨率）

0 个答案: