                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /css3实现网页平滑过渡效果

为啥我的自适应没有效果呀

以下是style.css

@media screen and(max-width: 360px) {
.st-panel h2{
font-size: 10px;
}

.st-container > a{
font-size: 10px;
}

.st-desc{
width: 100px;
height: 100px;
margin-left: -50px;
}

[data-icon]:after{
font-size: 60px;
-webkit-transform: rotate(-45deg) translateY(15%);
-moz-transform: rotate(-45deg) translateY(15%);
-o-transform: rotate(-45deg) translateY(15%);
-ms-transform: rotate(-45deg) translateY(15%);
transform: rotate(-45deg) translateY(15%);
}
}