学习日记--meta的代码解析

 <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">

viewport 是用户网页的可视区域
width=device-width 可视区宽度等于设备宽度
intial-scale 页面首次被显示是可视区域的缩放级别
maximum-scale=1.0, minimum-scale=1.0 可视区域的缩放级别
user-scalable 是否可对页面进行缩放，no 禁止缩放

<meta name="keywords" content="小牧，XiaoMu，web前端简历，个人博客，web前端，前端博客">
<meta name="description" content="WEB前端个人微博，个人博客知识笔记于心得">

关键字和页面简介

<link rel="icon" href="1111.ico" type="image/x-icon">
<link rel="shortcut icon" href="1111.ico" type="image/x-icon">

title icon图标和收藏夹图标

媒体查询：

/* 超小设备（手机，小于 768px） */
/* Bootstrap 中默认情况下没有媒体查询 */
/* 小型设备（平板电脑，768px 起） */
@media (min-width: @screen-sm-min) { ... }
/* 中型设备（台式电脑，992px 起） */
@media (min-width: @screen-md-min) { ... }
/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: @screen-lg-min) { ... }

行使用：container、列使用：row