首页 > Web开发 > 详细

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

时间:2016-08-19 20:29:51      阅读:234      评论:0      收藏:0      [点我收藏+]

技术分享

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非根元素的元素

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

原文:http://www.cnblogs.com/hudandan/p/5788767.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!