bootstrap中-webkit-text-size-adjust :not()

1.当样式表里font-size<12px时，中文版chrome浏览器里字体显示仍为12px，这时可以用 html{-webkit-text-size-adjust:none;}

2.-webkit-text-size-adjust放在body上会导致页面缩放失效

3.body会继承定义在html的样式

4.iPhone 和 Android 的浏览器纵向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自动调整字体大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。

text-size-adjust 设为 none 或者 100% 关闭字体大小自动调整功能.

.date-small { font-size: 11px; -webkit-text-size-adjust: none; }

　　这样字体显示是11px

 

audio:not([controls]) { display: none; height: 0; }

　　让没有controls属性的 audio标签都隐藏

:not(p) { background-color: #ff0000; }

　　设置非 <p> 元素的所有元素的背景色

svg:not(:root) { overflow: hidden; }

svg非根元素的元素