web前端全系列 教程
1839个小节阅读:2243.5k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
xxxxxxxxxx
/* pc端 */
@media screen and (min-width: 992px){
.logo{
width: 25%;
background: url("./images/Brand.png") no-repeat left;
background-size: 183px;
}
.search{
width: 40%;
position: relative;
}
.nav-bar{
width: 35%;
}
.btn{
display: none;
}
/*登录*/
.login{
height: 460px;
padding-top: 75px;
}
.login-logo{
width: 70%;
}
.form{
width: 30%;
}
}
/*pad端*/
@media screen and (max-width: 992px) and (min-width: 768px) {
.logo{
width: 18%;
background: url("../images/Brand-M.png") no-repeat left;
background-size: 86px;
}
.search{
width: 42%;
position: relative;
}
.nav-bar{
width: 40%;
}
.btn{
display: none;
}
/*登录*/
.login{
height: 338px;
padding-top: 15px;
}
.login-logo{
width: 57%;
}
.form{
width: 43%;
}
}
/* 移动端 */
@media screen and (max-width: 768px) {
.logo{
width: 16%;
background: url("../images/Brand-S.png") no-repeat left;
background-size: 38px;
}
.search{
width: 68%;
position: relative;
}
.nav-bar{
display: none;
}
.btn{
width: 43px;
height: 43px;
border: 1px solid #fff;
font-size: 20px;
font-weight: 700;
line-height: 43px;
float: right;
color: #fff;
margin-top: 10.5px;
}
/*登录*/
.login{
height: 365px;
padding-top: 85px;
}
.login-logo{
display: none;
}
.form{
width: 100%;
}
}