boostrap了解

创建的网页开头使用html5的文档类型,否则可能面临浏览器不一致的问题

<meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
对移动设备友好,确定适当的绘制和触屏缩放,在网页的head之中添加
initial-scale=1.0  确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。
通常情况下, maximum-scale=1.0  与 user-scalable=no 一起使用。这样禁用缩放功能后,用户只能滚动屏幕,就能让您的网站看上去更像原生应用的感觉。
<meta name = "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >

响应式图像
<img src = "..." class = "img-responsive" alt = "响应式图像" >
源码:
. img - responsive { display : block ; height : auto ; max - width : 100 %; }


全局显示、排版和链接
基本的全局显示

body { font - family : "Helvetica Neue" , Helvetica , Arial , sans - serif ; font - size : 14px ; line - height : 1.428571429 ; color : #333333; background - color : #ffffff; }

第一条规则设置 body 的默认字体样式为  "Helvetica Neue", Helvetica, Arial, sans-serif
第二条规则设置文本的默认字体大小为 14 像素。
第三条规则设置默认的行高度为 1.428571429。
第四条规则设置默认的文本颜色为 #333333。
最后一条规则设置默认的背景颜色为白色

排版
使用 @font-family-base、 @font-size-base 和 @line-height-base 属性作为排版样式。


链接样式
通过属性 @link-color 设置全局链接的颜色。
对于链接的默认样式,如下设置:
a : hover , a : focus { color : #2a6496; text - decoration : underline ; } a : focus { outline : thin dotted #333; outline : 5px auto - webkit - focus - ring - color ; outline - offset : - 2px ; }

容器(Container)
<div class = "container" > ... </div>
源码
. container { padding - right : 15px ; padding - left : 15px ; margin - right : auto ; margin - left : auto ; }

. container : before , . container : after { display : table ; content : " " ; }

. container : after { clear : both ; }

@media ( min - width : 768px ) { . container { width : 750px ; }



Chrome
Firefox
IE
Opera
Safari
 
Android
YES
YES
不适用
不适用
不适用
iOS
YES
不适用
不适用
不适用
YES
Mac OS X
YES
YES
不适用
YES
YES
Windows
YES
YES
YES*
YES
不适用





















































评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值