javascript - 使用 CSS 媒体查询选择 JavaScript 元素

标签 javascript css media media-queries screen-resolution

我正在开发一个网站,该网站将以一页为特色,在 Adob​​e Edge 中制作幻灯片(导出为 .js JavaScript 文件)。我还使用 CSS 媒体查询来调整网站上各种元素的大小,例如 <div> s 和基于屏幕分辨率的字体。我想为幻灯片做的是创建不同分辨率的多个版本;是否可以使用 CSS 媒体查询随后根据屏幕分辨率选择合适的版本?

最佳答案

读回已知 CSS 声明的值,例如主要外部元素的宽度。根据您在媒体查询中设置的 CSS,此值会有所不同。有了这个,您可以设置一个 JS 变量来确定要使用的版本。

关于javascript - 使用 CSS 媒体查询选择 JavaScript 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11671343/

相关文章:

javascript - 在js中使用onClick传递数组

javascript - CSS移动背景图片

html - 为什么我的图像在使用 IE 11 的全宽屏幕上换行?

css - Bootstrap 不显示工具提示

CSS:如何仅在支持悬停的设备上允许悬停状态?

wordpress - 如何将 WordPress 3.5 媒体管理器库工具用于我自己的插件

javascript - 如何在页面 Page.IsPostBack 之后禁用 JavaScript 函数

wordpress - WordPress wp.media定制

sass - Sass中的媒体查询

Javascript 正则表达式代码到 PHP 正则表达式?