使MetroJS具有响应能力
我正在使用MetroJS (http://www.drewgreenwell.com/projects/metrojs)，它工作得很好。但现在我想让Metro布局响应移动设备等。
通常我会说我会用@media标签重新排列磁贴。但是，由于有关瓦片大小的属性在class标记中，所以它不是这样工作的，还是？
<div class="tiles tile-group five-tall six-wide">
此外，在调整窗口大小的同时制作动画将非常棒，如下面的示例所示：http://themeforest.net/item/matrix-responsive-tilebased-template/full_screen_preview/2761654
有谁有主意吗？
回答 1
Stack Overflow用户
发布于 2016-06-15 22:20:24
如果你想在不同的屏幕尺寸下创建不同大小的磁贴，你可以使用主题生成器来实现。只需点击大小选项下的‘添加’，它就会为你的http://www.drewgreenwell.com/projects/metrojs/theme-generator创建一个新的媒体查询
.live-tile可以根据你想要实现的响应性来调整大小。我开始了一个响应式的tile布局版本，但还没有时间来完成它或测试足够多的内容以将其包含在发行版中。http://www.drewgreenwell.com/scripts/metrojs/src/css/responsive.css随着我迈向GSAP，我计划从一开始就构建响应式的而不是自适应的。
如果您希望在调整浏览器窗口大小时动态移动磁贴(很好，但很有用？)，那么我建议您在布局中使用Isotope或Masonry等工具。
可能值得注意的是，您链接的主题是使用Metro JS (LiveTile)和Masonry进行布局
https://stackoverflow.com/questions/37814285
复制相似问题
腾讯云开发者
