`
独一无二双
  • 浏览: 61301 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

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

    博客分类:
  • css
 
阅读更多
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的判断来实现最小宽度。
分享到:
评论

相关推荐

    让IE6支持min-width和max-width的方法

    说明:让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性 代码如下: @if (@_win32 && @_jscript_version&gt;4) var minmax_elements; minmax_props= new Array( new Array(‘min-width’, ‘minWidth’), new ...

    IE 6不支持min-height或max-width等属性的完美解决方案

    坑人的IE6,不支持min-height,但是实际操作中,这个属性是非常需要的。那IE6下面怎么实现呢?请看geniusalien提供的完美解决方案: (geniusalien温馨提示:本文的min-height操作方式试用于min-width、max-width、...

    让IE6支持min-width最小宽度

    虽然CSS中的min-width、min-height、max-width、max-height属性在CSS中早有出现,不过支持此属性的浏览器使用比率都不高,比如Firefox。

    min-height和min-width两个最小高度和最小宽度兼容多浏览器版本

    min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。先说说min-height。这个看起来很容易。看下面试例: 复制代码代码如下:最小高度 运行图如下:先别高兴的太早,不要忘了已经让你...

    多种方法解决min-width 不兼容ie6的问题

    把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。 方法二: 复制...

    兼容IE6的min-width、min-height的简单方法

    下面小编就为大家带来一篇兼容IE6的min-width、min-height的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    IE6支持max-width/height与min-width/height(完美解决方案)

    1、IE6支持max-width解决方法 IE6支持最大宽度,解决CSS代码: 复制代码代码如下: .className { max-width:1000px; _width:[removed](document.documentElement.clientWidth||document.body.clientWidth)&lt;1000?...

    IE6不支持CSS中的min-width/height属性问题的解决方法

    min-width与min-height在css中是相当好用的语法,可以让HTML元素最少仍保持一定的宽和高,而需要时仍随着元素的內容增加宽和高。

    CSS之IE BUG分析与解决

    一、错误的扩展 1 在IE6中,设定height为固定值时,当...在IE6浏览器中设定min-height为100时的表现,可见,IE6不支持min-height 【兼容性方案】 如果要让标准浏览器与IE6同样都有最小值效果,需要如下代码: 方案一:

    css2中文手册 学习css的必选

    height max-height min-height width max-width min-width 布局 Layout clear float clip overflow overflow-x overflow-y display visibility 外补丁 Margins margin margin-top margin-right margin-...

    video.min.js

    使用videojs播放rtmp直播流,video.min.js还有videojs-contrib-hls.min.js配合使用 &lt;video id="my-video" style="width:100%;min-width:40vw;height:260px;" class="video-js" autoplay controls preload="auto" ...

    videojs-contrib-hls.min.js

    &lt;video id="my-video" style="width:100%;min-width:40vw;height:260px;" class="video-js" autoplay controls preload="auto" data-setup="{}"&gt; &lt;/video&gt;

    css兼容性问题总结笔记

    10. IE6中min-height 最小高度不识别的解决办法 6 11. IE6中min-width 最小宽度不识别的解决办法 6 12. IE6中居中布局问题 7 13. IE6 Png图片不透明问题 7 14. 移除超级链接的虚线 7 15. 隐藏水平滚动条 7

    IE7新支持的CSS属性和属性选择符

    以下是IE7中新支持的属性:min-height,max-height,min-width,max-width这个hack还可以使最大高度兼容IE6,你可以举一反三:{height:350px;overflow:hidden;}以下是IE7中新支持的属性选择符:精确属性匹配 [=] : 只有当...

    node-match-media:节点功能提取匹配特定媒体条件的样式,并将样式分离出来

    目前,功能仅限于 [ min-width , max-width , min-device-width , max-device-width , min-height , max-height , min-device-height , max-device-height , orientation ] 媒体查询,使用,和and支持链接以构建复杂...

Global site tag (gtag.js) - Google Analytics