我正在开发一个网站,该网站将以一页为特色,在Adobe Edge中制作幻灯片(导出为.js
JavaScript文件)。我还使用CSS媒体查询来调整网站上的各种元素,例如基于屏幕分辨率的<div>
和字体。我正在考虑为幻灯片放映做的是在不同的分辨率下创建多个版本;是否可以使用CSS媒体查询随后为每个屏幕分辨率选择合适的版本?
答案 0 :(得分:2)
回读已知CSS声明的值,例如主外部元素的宽度。根据您在媒体查询中设置的CSS,此值将有所不同。有了这个,您可以设置一个JS变量来确定要使用的版本。
答案 1 :(得分:0)
为不同的图像分辨率定义不同的尺寸,如下所示:
@media only screen and(min-width:768px)and(max-width:1009px)
在媒体查询中,您将根据屏幕分辨率为不同的元素定义不同的值。