如何使用 jquery 更改仅@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选择器将某些div的所有这些属性更改为"颜色：蓝色"？

2）如何使只有方向：纵向是"颜色：蓝色"？

Answer 1

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

是在 JavaScript 中进行媒体查询的不错选择。