我正在使用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
有谁有主意吗?
发布于 2016-06-15 14: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
复制