博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决IE6不支持css min-width与min-height
阅读量:4477 次
发布时间:2019-06-08

本文共 603 字,大约阅读时间需要 2 分钟。

最小高度的解决

.Elm {

min-height:100px;
height: auto !important;
height: 100px;
}

  最小宽度的解决

.Elm {

min-width:100px;
width: auto !important;
width: 100px;
}

  里面的祕诀,是先利用较新的浏览器认得min-width/height,因此透过它来指定值,而IE旧版的浏览器则是透过width/height取值。

  不过这里有个冲突,就是新的浏览器也认得width/height,因此min-width/height会被width/height改写,解决的办法,就是中间那一行

  height: auto !important;(以及width: auto !important;)

  由于它标示!important,所以下面那行height无法取代上面这一行,间接变成新的浏览器忽视掉第三行,而让高度不受第三行影响。

  另外由于旧的IE浏览器不认得 min-height和 !important的意思,所以它还是只吃第三行的语法,这样就可以相安无事,皆大欢喜。

  另:如果里边的文字需显示在一行,可添加样式表 white-space:nowrap

 

转自 

转载于:https://www.cnblogs.com/zhenzhong/p/3356876.html

你可能感兴趣的文章
Jenkins部署码云SpringBoot项目
查看>>
多标签分类(multi-label classification)综述
查看>>
史上最全面的Spring-Boot-Cache使用与整合
查看>>
图的遍历(深度优先与广度优先搜索两种方案)
查看>>
快速读入模板
查看>>
\n ^ \t的使用
查看>>
css盒模型
查看>>
探索式测试:测试自动化
查看>>
make install fping
查看>>
面试笔试题
查看>>
#loj3051 [十二省联考2019] 皮配
查看>>
MySql可视化工具MySQL Workbench使用教程
查看>>
个人站立会议第二阶段07
查看>>
云时代架构阅读笔记五——Web应用安全
查看>>
IOS 单击手势和cell点击冲突
查看>>
学习_HTML5_day3
查看>>
计算机网络与应用第二次笔记
查看>>
Django之ORM查询
查看>>
学习python第七天
查看>>
Flask基础(07)-->正则自定义转换器
查看>>