我想定义一个css样式表或根据视口大小添加一个body类

Question

我有一个wordpress网站，我希望通过facebook上的iframe提供内容..

不使用wordpress插件，我想知道我是否在jquery中提供了一个函数，基本上说如果viewport等于520px那么加载这个css文件或添加这个body类..

此外，如果viewport = = 520px，则隐藏此元素..

我认为这可以做，但经过大量的搜索后，我似乎无法找到一个明确的答案..

如果有人可以提供帮助，我会非常感激..

最诚挚的问候，

丹尼

Answer 1

对于CSS，使用媒体查询，EG：

<link href="BigScreen.css" media="screen and (min-device-width: 520px)" rel="stylesheet">

请注意，IE 6,7和8不支持此功能，因此对于IE使用：

<!--[if lt IE 9]>
<link href="MegaFubarBrowser.css" media="screen" rel="stylesheet">
<![endif]-->

对于JS，请使用以下代码：

if (screen.width <= 520) {
    $('.bigStuff').hide ();
}