如何使用jquery在@media only标签中更改媒体标签中的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中进行媒体查询的好选择。