挣扎在分辨率自适应布局的 Web 开发童鞋们有没有想过 Media Query 还可以用来制作马里奥呢？

现在有开发者使用 CSS3 配合 Media Query 完美实现了马里奥3的动画。

点击此查看 Demo

注意事项：

1. 首先这个不是游戏，只是动画演示。
2. 打开后将浏览器窗口宽度缩小到 320 到 420 以下，然后动画会自动开始。
3. 根据提示，缓慢的放大浏览器窗口宽度，使得动画持续播放。
4. 所用素材版权归任天堂所有。

看完了？赶紧回去为继续改善网站的分辨率自适应布局吧～

# Tagged as html5 · Edit on GitHub