bootstrap文字自适应教程
1、引入bootstrap,搭建基本的bootstrap结构,因为JS加载比较慢,这里将JS放到下面</body>之前。

3、CSS代码。.tab-h2 { color:#0059b2; font-size:20px; letter-spacing: 1px;艘早祓胂 text-align:center; margin:45px 0 10px;}.tab-p { font-size: 15px; letter-spacing: 2px; text-align:center; color: #999; margin:15px 0 45px;}注意:bootstrap是以移动端优先设计,css样式默认的都是移动端的所以自适应的话还得写不同设备下的CSS

5、当设备为桌面显示器或者屏幕大于992px时,优先加载这里的CSS样式@media (min-width: 992px) {}/* 中等屏幕(桌面显示器,大于等于992px) 忮氽阝另*/@media (min-width: 992px) { .tab-h2 { font-size:28px; } .tab-p { font-size: 17px; }}


声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:80
阅读量:85
阅读量:73
阅读量:60
阅读量:60