关于响应式布局的一些笔记---未完待续

今天在练习写项目，一些总结记下。
css3媒体查询表达式：@media all and (min-width:800px) and (orientation:landscape){}
media 是声明这是媒体查询 all是媒体类型，当然也可以用“screen”或者“print”来表示，屏幕或打印的媒体类型。 and 是逻辑操作符，也可以用not，only，逗号（逗号与or的作用是一样的）操作符，这里需要注意的是使用not操作符时，表达式应如下：@media not (all and (monochrome)){},表示非的意思。not后面的括号一定要写。not与逗号同时使用时，not的有效区域在逗号之前，例如：
@media(not(screen and (color))),print and(color)
only操作符，一些老的浏览器会忽略，例如：@media=”only screen and(min-width:40)”,在老的浏览器中，会直接解读到@media=”only“,没有only的媒体类型，将会无法继续后面的样式。

媒体属性：             width：可视口宽                     height：可视口高                     device-width:设备的屏幕宽                     deviece-height:设备的屏幕高

视口原标签&#60meta name=”viewport” content=”width=device-width, initial-scale=1.0”&#62
minimum-scale=1.0(最小缩放比例）
maximum-scale=1.0(最大缩放比例）
user-scalable=no(禁止用户缩放）

&#60meta http-equiv=”x-ua-compatible” content=”ie=edge”&#62（IE8开始多了一个兼容模式，所以添加这样一个声明，来支持兼容性，这个声明写在title之前）
content=”ie=edge”(强制使用最新IE浏览器模式渲染页面）
或者可以写content=“ie=EmulateIE8”(如果可以的话用IE8的模式来加载页面）
在body中添加注释&#60!–[if gt/lt/gte/lte IE8]>
中间代码内容