媒体查询初尝试

小米项目的媒体查询：

注意事项

1. 宽度在衔接处，不要写一样的值，要交叉1px，比如：

@media only screen and (max-width:1440px) and (min-width:1298px){}

@media only screen and (max-width:1299px){}

否则在宽度交接处，继续缩放窗口时会闪一下（什么也看不到）

2. 几种情况都要写在媒体查询中，不要初始情况写在外边，另外的情况写在媒体查询中，不然会出问题。

大宽度

大宽度

添加字的时候，对a（不是img）添加after伪类。
让字体居中：对after伪类设置宽高（它可看作一个小型容器），让它在a中居中，再对它设置text-align:center，让文字在它里面居中。
（发现好像没必要这样，阐述一个现象，对于p标签，只靠text-align就可以居中了，不用设置容器宽高，还有搞绝对定位）
（p是块元素，独占一行且宽度等于父元素，但是对于span，需要display:block，然后宽度设置成和父元素一样，再用text-align才可以）

中宽度

中宽度

先设置right:50%（任意一个百分数即可，目的是让工具条的位置和窗口宽度产生联系），再用margin-right调整。

小宽度

小宽度

设置right:0就能让工具条一直贴在最右边了。