关于ie不支持min-width和min-height问题

最新推荐文章于 2022-01-12 10:29:42 发布
最新推荐文章于 2022-01-12 10:29:42 发布
阅读量815 收藏
点赞数
分类专栏： css 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_13088/article/details/82121523
版权
ie把正常的width和height当作有min-width和min-heigh来使。
为了让这一命令在IE上也能用，可以把一个<div> 放到 <body> 标签下，然后为div指定一个类, 然后CSS这样设计：
#container{ min-width: 600px; width:e-xpression(document.body.clientWidth < 600? "600px": "auto" );} 第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。
iteye_13088
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
兼容IE的最小最大高度CSS写法
10-25
兼容IE的最小最大高度CSS写法
让IE6支持min-width最小宽度
10-30
描述中提到，虽然`min-width`、`min-height`、`max-width`和`max-height`等属性在CSS规范中早已存在，但它们在早期浏览器中的支持度并不高。IE6作为曾经广泛使用的浏览器，它的市场份额大，但缺乏对这些属性的支持，...
【原创】解决IE8下min-height值使bottom:0px失效的方法
weixin_34195364的博客
11-04 148
html, body{    width: 100%;    height: 100%;    overflow: auto;    position: absolute;    left: 0px;    top: 0px;    min-height: 620px;    min-width: 1000px;    _width: expression((documentElement.cli...
解决IE6不支持CSS中的min-width/height属性问题
Hello,World!
09-04 1358
    min-width与min-height在css中是相当好用的语法，可以让HTML元素最少仍保持一定的宽和高，而需要时仍随着元素的內容增加宽和高。    这么好的语法，偏偏IE 6不支持，不过说不支持也不准确，事实上IE6本身在指定height与width的值时，就具有min-width和min-height的特性，只是如果单纯用height或width来指定，到了Firefox或
IE浏览器 min-height 失效
heyNewbie的博客
01-12 380
可以尝试加hack .box { min-height:500px; height:auto !important; height:500px; }
ie不兼容min-height属性解决方法
npzty的专栏
12-26 1484
[code] min-height:100px; /*高度最小值设置为：100px*/ height:auto !important; /*兼容FF,IE7也支持 !important标签*/ height:100px; /*兼容ie6*/ overflow:visible; [/code] overflow属性必须写上，否则不管用...
让IE6支持min-width和max-width的方法
09-05
在早期的Internet Explorer（尤其是IE6）中，浏览器并不支持CSS中的`min-width`、`max-width`以及`min-height`和`max-height`属性，这给网页设计带来了很大的局限性。为了让这些特性在IE6及其以下版本中生效，开发者...
兼容IE6的min-width、min-height的简单方法
09-22
下面小编就为大家带来一篇兼容IE6的min-width、min-height的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
IE6不支持CSS中的min-width/height属性问题的解决方法
09-25
min-width与min-height在css中是相当好用的语法，可以让HTML元素最少仍保持一定的宽和高，而需要时仍随着元素的內容增加宽和高。
min-height最小高度的实现（兼容IE6、IE7、FF）（解决IE6不兼容min-height）
weixin_30363981的博客
11-18 118
布局过的人都知道CSS的最小高度min-height是个很有用的属性，它可以让很短的内容也有一个很合适的高度，使页面显得美观。但很可惜IE6不支持这一属性。怎么办呢？我们可以用另外一种方法让IE6也有最小高度min-height属性的效果。 众所周知，如果内容超过元素的高度，那么IE6是会自动增加元素的高度，即使你明确的定义了元素的高度。我们可以利用IE6的这个bug来让I...
多种方法解决min-width 不兼容ie6的问题
09-25
min-width 不兼容ie6的情况，想必大家都有遇到过吧，下面有几种不错的解决方法，感兴趣的朋友可以参考下
IE7、IE8、IE9对min-height不识别
weixin_34290096的博客
04-15 310
为什么80%的码农都做不了架构师？>>> ...
在IE中最小高度问题
Alvin's Tech Blog
11-01 1178
由于在不同浏览器中很难显示出相同的外观，通常会采取设置一个空的，赋给一定的高度。但是IE中对于空的会有一个最小高度，我是用的IE7，值为20px。解决办法：1. 在标签中加入一段柱石，如：2. 在标签中加一个 ，同时CSS属性里面加上font-size:1px; line-height:0px;以上两种方法参考http://archivist.incutio.com/view
在IE中使用最小宽度min-width（CSS版）
weixin_33681778的博客
12-29 127
min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确。但IE不认得，所以如果你用IE将博客园的窗口宽度缩到足够小，所有的字都变在一列中。 常见的解决方法就是用javascript或IE的expressions。 在这里我来尝试用css来解决这个问题 假设我们需要一个min-width为300px的div 第一步 &lt;div sty...
解决 min-width 在 IE6 中无效的方法
weixin_34360651的博客
09-03 109
http://www.cnblogs.com/daydayfree/archive/2009/11/15/1603470.html
html对body设置了minwidth,css给body设置min-height为什么没有作用？
weixin_32661683的博客
06-26 773
当网页内容区content东西很少时，footer就会跑到上边来？我给body,html设min-height:100%;没有作用，设置height：100%；就好了，但是内容多了就在一屏下？body,html{ min-height:100%;}body{ position:relative;}.content{ podding-bottom:100px;}.footer{positi...
IE min-width 与 max 无效解决方法
封神之路~
03-21 2745
<br />min-width<br /> <br />_width:expression((documentElement.clientWidth < 1008) ? "1008px" : "auto" );<br /> <br /> <br /> <br />max-width<br />_width:expression((documentElement.clientWidth >600) ? “600px” : “auto” );
IE中显示min-width效果的解决方案
weixin_30471065的博客
12-31 263
width: expression((this.offsetWidth <933) ? (this.width = 933 +'px') : true); 感觉像是三目运算，请问CSS中可以使用三目运算吗?那么上面的这条语句又怎么理解呢? expression是CSS里执行js代码的一个函数，是为了弥补ie里不支持min-width，max-width，无法自适应屏幕宽度而用的...
ie6,ie7,ie8 css bug兼容解决记录
溺水的鱼 - Later equals never.
09-15 3721
转载自：http://www.wufangbo.com/ie6-ie7-ie8-css-bug-2 断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决 ，也希望大家能在留言里面跟进自己发现的
video { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; z-index: -1; }把图片设置为背景，
最新发布
05-31
min-width: 100%; min-height: 100%; background-image: url(your-image-url-here); background-size: cover; z-index: -1; } .content { position: relative; z-index: 1; padding: 50px; text-align: ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值