@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;

}

}

代码并没有什么问题