我使用MetroJS（http://www.drewgreenwell.com/projects/metrojs）并且运行良好。 但现在我想让Metro布局对移动设备等做出响应。
通常我会说我用@media标签重新排列瓷砖。但是由于关于tile大小的属性是在class标签中，它不能正常工作或者？
<div class="tiles tile-group five-tall six-wide">
此外，在调整窗口大小的同时制作动画会很棒，如下例所示： http://themeforest.net/item/matrix-responsive-tilebased-template/full_screen_preview/2761654
有没有人有想法？
答案 0 :(得分：0)
如果您希望为不同屏幕尺寸的图块创建不同尺寸，则可以使用主题生成器执行此操作。只需点击“添加”即可。在大小选项下，它将为您创建一个新的媒体查询 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进行布局