我正在开发一个类似于http://www.ebaumsworld.com/games/play/80617036/的简单html 5游戏。
我需要让游戏快速响应，我想询问是否应该使用 CSS媒体查询，或者我是否应该选择基于百分比的布局使用百分比尺寸来表示元素的宽度和高度。
哪种方式最好？
答案 0 :(得分：4)
流畅布局与使用媒体查询之间的区别已写在此处：https://ux.stackexchange.com/questions/24406/what-is-the-exact-difference-between-fluid-and-responsive-design
当布局在每个屏幕上相似时，使用流体或基于百分比的布局。无论屏幕大小如何，它都会对所有元素保持相同的空间权重。
自适应设计（媒体查询）用于更改不同屏幕尺寸的布局。
根据您尝试实现的有限信息，我会选择两者兼而有之。使用基于百分比的尺寸进行尺寸调整，并使用媒体查询确保块不会覆盖32英寸屏幕的90％...