时间戳

首页 > 解决方案 > 如何让按钮在不同屏幕上保持相同大小（分辨率）

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

问题描述

即使在奇怪的分辨率和我的手机上，我的网站看起来也不错，但是我在那里的 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

标签： htmlcss

解决方案

推荐阅读