pc端自适应和最小宽高

421 阅读1分钟

pc端自适应

pc端自适应:元素的大小能够顾随着窗口或者子元素自动调整
宽度自适应:
设置宽度: width:100%; 块级元素默认100% 
或者不设置
高度自适应:
设置高度: height:auto;
或者不设置:由子元素撑开父元素的高度

[注] 
    如果想在height属性中以%为单位,那父元素必须有具体的高度
    或者所有的祖先元素到根元素都有height:100%;
    
最小宽高:
min-width:最小宽度;
max-width:最大宽度;

min-height:最小高度;
max-height:最大高度;
[注] ie低版本不支持
最小高度兼容写法:
方法一 :
    min-height:100px;高版本浏览器识别
    _height:100px; 低版本ie识别
    
方法二:
    mine-height: 100px ; 高版本浏览器识别
    height:auto ! important;高版 本浏览器识别
    height:100px;低版本ie识别
    [注]有顺序要求