如何使用jQuery在@media only标签中的media标签中更改CSS？

Question

我正在制作iPhone和iPad的网页，说我有以下CSS：

#somediv {
background-color: white;
}

@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
            #somediv {
                color:red;
            }       
        }

        @media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
            #somediv {
                color:green;
            }          
    }

我有两个问题：1）如何做到这一点，以便可以使用jquery选择器将somediv的所有这些属性更改为“ color：blue”？

2）如何使只有方向：肖像之一是“颜色：蓝色”？

Answer 1

https://github.com/paulirish/matchMedia.js/

是用javascript进行媒体查询的好选择。