版权所有 © 2007-2017 致远建站 冀ICP备14009060号-1

9.媒体查询和其他

2017-05-24 22

媒体查询

 @media screen and (max-width: 480px) {
    body {
        background-color: lightgreen;
    }
} 

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

<meta http-equiv="X-UA-Compatible" content="IE=9,IE=edge,chrome=1" >

如果支持Google Chrome Frame:GCF,则使用GCF渲染;如果系统安装ie8或以上版本,则使用最高版本ie渲染;否则,这个设定可以忽略。

示例:自适应网页

box-sizing

默认情况下,元素的宽度与高度计算方式如下:
width(宽) + padding(内边距) + border(边框) = 元素实际宽度
height(高) + padding(内边距) + border(边框) = 元素实际高度
box-sizing 属性在一个元素的 width 和 height 中包含 padding(内边距) 和 border(边框)。
box-sizing: border-box;

这个还不错哦~赏你点小钱吧!
支付宝打赏
微信打赏