跟着老实的思路写代码,发现自适应不了~~~
@media screen end (max-width: 520px){
xxx
}
换成
@media screen and (max-width: 520px){
xxx
}
就好了。
出错原因:单词拼错了。
@media screen end (max-width: 520px){
.st-panel h2{
font-size: 42px;
}
.st-panel p{
width: 90%;
left: 5%;
font-size: 14px;
}
.st-container > a{
font-size: 13px;
}
}
@media screen end (max-width: 360px){
.st-panel h2{
font-size: 42px;
}
.st-panel p{
width: 90%;
left: 5%;
font-size: 12px;
}
.st-container > a{
font-size: 10px;
}
.st-desc{
width: 120px;
height: 120px;
margin-left: -60px;
}
}
代码并没有什么问题