我尝试使用仅限vh尺寸创建登录表单.
这样做,希望表单总体上可以根据视口进行缩放.
它没有!由于某种原因放大,创建一个空白区域,在输入字段和下面的文本之间放大得越大.
小提琴制作得不是很好,只是从我的项目中复制它.
但你可以看到什么是错的 – 这才是最重要的.
任何人都知道如何解决这个问题?
decoration: none;
border: none;
height: 2vh;
margin-left: .5vh;
margin-right: 0px;
border: 0;
}
#LB:hover {
background: #3e4188;
text-decoration: none;
}
.LFORM {
width: 10vh;
height: 1.8vh;
border-radius: .3vh;
border: none;
padding-left: .6vh;
}
[placeholder]:focus::-webkit-input-placeholder {
color: transparent;
}
#loginform a:hover {
color: #ff9f2d;
text-decoration:underline;
}
#loginform a {
color: #ff9f2d;
text-decoration: none;
}
最佳答案
vh和vh单位是相对于视口大小的度量. 1vh是当前视口高度的1%,因此100vh始终为100%高度.无论您放大和缩小多少,视口仍然是相同的大小.
放大时,可以放大整个文档(但不是视口).在放大页面时,如果未在视口单元中定义该空间,则元素之间的空间会增加,这是合乎逻辑的.因为其他元素不会增加,所以文档会超出比例.
如果要在放大时创建可缩放的元素,请尝试使用rem单位.这是相对于正文的字体大小,因此当你在rem中表示的每个值缩放页面时,它将相应地缩放.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。