标签：识别 浏览器 回顾 min IE6 宽度 height css

一、自适应

1、宽度自适应

块元素不设置宽度或是块元素设置宽度100%，块元素的宽度占满整个父级的宽度。

（1）不设置width（块元素是占位置，元素类型没有受影响）

（2）width：100%（元素类型受影响，脱离文档流，设置浮动、绝对定位、固定定位）

calc（）可以动态计算数值

（1）使用calc（）的加减乘除实现宽度自适应

2、高度自适应

盒子的高度由内容撑开

（1）不设置高度

（2）height：auto

最小高度 min-height
注意：IE6浏览器不识别min-height

兼容性：其他浏览器和IE7以上版本浏览器识别的是min-height，IE6和IE5识别的是height（相当于min-height）

解决兼容性：

（1）下划线过滤器（IE6或是IE6以下版本浏览器能识别）

_属性：属性值

（2）关键字过滤器（可以提升单独css的权重）

属性：属性值 !important

IE5和IE6不识别!important

（3）min-height:600px;

height:auto !important;

height:600px;

高版本浏览器全都识别，但是只有一二行起作用，值auto相当于没有设置高，所以实际上只有第一行起作用

IE低版本只有第三行起作用

标签：识别,浏览器,回顾,min,IE6,宽度,height,css
来源： https://www.cnblogs.com/phantomyy/p/14914923.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。