我想定义一个css样式表或添加一个依赖于视口大小的主体类

I want to define a css stylesheet or add a body class dependant on viewport size

本文关键字：一个 视口 依赖于 主体 样式 定义 css 添加      更新时间：2023-09-26

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

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

同样，如果viewport = 520px，则隐藏该元素…

我认为这是可以做到的，但是经过大量的搜索，我似乎找不到一个明确的答案。

如果有人能帮忙，我将非常感激。

最贴心的问候,丹尼

对于CSS，使用媒体查询，例如:

<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 ();
}
相关文章：