為啥我的自適應沒有效果呀
以下是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%);
? ?}
}
2015-06-17
找到問題點了：@media screen and(max-width: 360px) { 中的and后要加個空格