就是用window.screen.width获取的，不过记得在index中定义

  width = device-width,

  height = device-height

之后把window.screen.width放在一个变量里，只需要通过id来获得每个东西用css来改变宽高等属性就可以了

我也是，请问找到问题在哪里了嘛

用 css 当然也可以，看个人喜好了。主要是因为游戏中要频繁用到 javascript 来操作元素的 css 属性，所以直接写在js中了

。。。

这个我也有疑问，本站jquery教程里面讲的是，css的值为数字的时候，会自动把数字转换为字符串并在后面加上“px”。所以加不加“px”都是可以的。但是我不明白为什么最后面font-size不加px就没事但line-heignt不加px就会失败。希望有高手能回答

改完设备，刷新一下页面

正常情况下 盒子总宽度=盒子宽度+内边距+边框；

这里没有边框，那就是0咯；

既然要适应手机，那么  盒子总宽度就得 == 手机的合适宽度（即92%，也就是gridContainerWidth）；

那么盒子的宽度 = 手机的合适宽度 - 内边距；

内边距 = 2*cellSpace；

如果你不想减，那个你直接给盒子来个样式：  box-sizing:border-box;

这样就可以不用减去，这个是不管你是border还是padding，盒子的宽度都不会改变；

这个问题属于css范畴

sorry  明白了  现在不明白的是top 和 left 为什么不加px 也能用呢？

top、left也要加的

什么群？我不是。。。

不一定优先级高，是执行顺序的问题。这个demo里js是使用document.ready，也就是在页面加载完以后才执行的。页面加载也包括了css的加载，所以之后使用js修改css属性会覆盖本身设定的css。 使用js设定这些属性是因为在程序中这些属性要动态改变。也可以使用css布置初始属性，但是为了统一，也为了方便，我统一使用js设置这些属性。