已采纳回答 / hello_2
position：fixed，left:50%是绝对定位，这个50%是相对于window而言的，也就是浏览器窗口。而translate：-50%，代表将元素向左移动50%长度，这个50%是相对元素自身而言的。这两个语句配合起来，可以使元素居中。如果你单独删除一个，比如left:50%,就只剩下元素向左移动50%的效果了，所以不能正常显示。不懂得话建议你去看看css定位的知识,以及各种居中效果如何实现的
2017-08-21
最新回答 / 爱上慕婉清6262634
min-device-width是屏幕宽度，不是分辨率，以iphone为例，5是320px，6是375px，6p是414px;ipad 也不过是768*1024
2017-08-21
已采纳回答 / 5689u
1、max-device-width是设备整个显示区域的宽度，例如，真实的设备屏幕宽度。2、max-width是目标显示区域的宽度，例如，浏览器宽度。3、如果使用max-device-width，那么在PC浏览器上浏览网页时，缩小或放大浏览器时是不执行CSS的，因为“PC设备”没有变化。但如果使用max-width，缩小或放大浏览器时是执行CSS的，因为“显示区域”即浏览器大小发生了变化。4、如果使用max-device-width，那么当手机由竖变横时，CSS是不执行的，因为“手机宽度”并没有变化。如果...
2017-08-21
最新回答 / 爱上慕婉清6262634
你的代码里面column-gap:3em，font-size:20px;列间距应该是字体大小的三倍，也就是60px。修改下代码: column-gap:normal ,font-size:20px;这个时候你试下
2017-08-19
已采纳回答 / 心陌灬琉璃梦
① div宽度500=列宽x+列间距y，(div宽度500-列间距y) ÷ 列数3 ≈ 每列最大宽度z。在宽度500不变的情况下，自定义列宽只要≤每列最大宽度z，就能保持三列的布局；【经本人测试，最大列宽是155px】② 宽度500不变的情况下，只要自定义列宽≤每列最大宽度z，即只要自定义列宽≤155px，无论你的列宽设置是什么数值，列宽不会发生任何变化；③ 只有当div宽度或文本内容长度发生变化时，布局才会发生变化。
2017-08-19
大家把背景色background换为black，让后去理解以下的解释：
none: 初始状态、动画第一帧、动画最后一帧、初始状态；
forwards:初始状态、动画第一帧、动画最后一帧；
backwards:动画第一帧、动画最后一帧、初始状态；
both:动画第一帧、动画最后一帧；
none: 初始状态、动画第一帧、动画最后一帧、初始状态；
forwards:初始状态、动画第一帧、动画最后一帧；
backwards:动画第一帧、动画最后一帧、初始状态；
both:动画第一帧、动画最后一帧；
2017-08-18
已采纳回答 / Csunnnnn
:hover伪类是加在div元素上的（代码- div:hover span， 对div添加hover伪类，控制span的属性），div是整个大框。所以鼠标经过div块就开始动画，移出就停止。
2017-08-18