box-shadow和text-size-adjust

1，box-shadow有6个值：1，x轴的偏移距离，2，y轴的偏移距离，3，模糊距离，4，阴影半径，5，阴影颜色，6，是否有内置阴影。如果不写inset默认为外置阴影。今天遇到的问题是：写一个上面没有阴影的，自己写的是四个方向都有阴影的。这个要从x，y轴的偏移方向上进行考虑，偏移距离可以为负值

box-shadow:    0px -10px 0px 0px #ff0000,   /*上边阴影  红色*/

                -10px 0px 0px 0px #3bee17,   /*左边阴影  绿色*/

                10px 0px 0px 0px #2279ee,    /*右边阴影  蓝色*/

                0px 10px 0px 0px #eede15;    /*下边阴影  黄色*/

2，font-size-adjust的理解：

text-size-adjust调整字体大小，一般设置为100%，为了解决在iphone上横屏时字体放大的问题，设置为none或者100%，关闭字体自动调整大小的功能；这个属性除了ie以外，其他的主流浏览器都支持这个属性；但是html中文网上的解释是这个属性只针对移动端页面的文本有效，同时需要配合页面中设置meta viewport才生效；取值有3种，auto（自动根据浏览器宽度调整大小），none（关闭自动调整大小的功能），或者使用百分比，之前还设置font-size-adjust为100%，是为了解决谷歌上小于12px的字体就默认12的问题，设置后可以显示小于12px的字体，但是后来不支持了，如果想显示小于12px的字体需要使用-webkit-transform:scale(0.8)(自己还没有验证)；iPhone 和 Android 的浏览器纵向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自动调整字体大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。text-size-adjust 设为 none 或者 100% 关闭字体大小自动调整功能。总结：主要为了解决移动端字体放大的问题。