Question

首先，文档：

插件的网站：http://jmpressjs.github.io/jmpress.js/

Codrops文章：http://tympanus.net/codrops/2012/04/05/slideshow-with-jmpress-js/

Codrops演示：http://tympanus.net/Tutorials/SlideshowJmpress/

现在，我会请您调整浏览器的大小（仅限宽度），这样您就可以了解滑块的内容如何以一种非常成比例的方式“适应”。

问题：我很想知道这是如何实现的（而且，顺便说一下，如果我可以轻松地将它集成到Pixedelic的Camera插件中......这将只是一个加分）

伙计们看，对不起，如果这个猜测是“罕见的”。我非常追求前端，但是我正在努力与jQuery相处，并且可能在未来的某个时候也会使用AngularJS ......无论如何，这解释了这个问题。

拜托，我知道另一种相处的方法是使用@media查询，但我发现它真的很有用，也很有趣Jmpress.js处理它。

提前致谢

Answer 1

正如RedGlobe指出的那样，解决方案是简单的CSS3转换。

这些应用于整个容器，一切都只是按比例缩放。

我将保留CSS代码来扩展元素：

.box_scale {
  -webkit-transform: scale(0.8);  /* Chrome, Safari 3.1+ */
     -moz-transform: scale(0.8);  /* Firefox 3.5+ */
      -ms-transform: scale(0.8);  /* IE 9 */
       -o-transform: scale(0.8);  /* Opera 10.50-12.00 */
          transform: scale(0.8);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}

对于IE8支持，您可以使用Matrix Transforms。（更多这里：http://peterned.home.xs4all.nl/matrices/）

抱歉这个愚蠢的问题，但这是一个很好的方法，我不知道。希望它可以帮助别人

Codrops - Jmpress.js响应功能//识别功能和方法

1 个答案: