`
xiaofengtoo
  • 浏览: 498336 次
  • 性别: Icon_minigender_1
  • 来自: xiamen
社区版块
存档分类
最新评论

CSS 控制最小宽度( IE 与 Mozilla Firefox 都支持)

阅读更多

可以使用 css 属性:min-width。但是,IE 不认。Google 到一个文章,讲解了如何纯用 css 解决这个问题。方法是配合使用 min-width 和仅 IE 认的 Dynamic Properties。例子:

min-width:785px;
width:e­xpression(document.body.clientWidth < 800 ? "785px" : "100%" );

 

找了很久,这个最好用!!!

 

转载于:杰奏中国 http://www.jiezo.com/blog/default.asp

分享到:
评论

相关推荐

    CSS中火狐浏览器与IE浏览器的兼容

    本文旨在提供一些实用的技巧和方法来帮助开发者解决CSS在Internet Explorer(IE)与Mozilla Firefox(火狐)这两款主流浏览器中的兼容性问题。 #### 一、基础知识回顾 在探讨具体解决方案之前,我们先来回顾一下...

    CSS兼容IE和Firefox的技巧集合

    在网页开发过程中,CSS的兼容性一直是开发者们头疼的问题,尤其是在处理不同浏览器如Internet Explorer(IE)和Mozilla Firefox之间的差异时。本文旨在总结一系列有效的技巧,帮助开发者们更好地解决CSS在IE和Fire...

    IE与火狐常见的区别

    在网页设计和前端开发领域,了解不同浏览器之间的差异至关重要,尤其在处理Internet Explorer(IE)与Mozilla Firefox(火狐)时,由于两者对某些CSS属性和HTML标签的支持程度不同,开发者常需采取特定策略以确保...

    line-block的运用最小宽度的设置

    然而,遗憾的是,这个属性并不被主流浏览器广泛支持,尤其是 Internet Explorer 和 Firefox。在 IE 中,可以通过触发 `layout` 来模拟 `line-block` 的效果,而在 Firefox 中则需要使用非标准的 `-moz-inline-box` ...

    利用css @viewport 做设备适配

    值得注意的是,虽然`@viewport`在IE10/11、Opera、WebKit(包括Chrome和Safari)以及Mozilla Firefox(需要Vendor Prefix)中得到了支持,但目前仍需与`&lt;meta&gt;`标签并用,因为并非所有浏览器都完全支持`@viewport`。...

    百分比的细节--容器大小篇

    此外,**Firefox** 还有一些特殊行为,比如在外层宽度也带有小数的情况下,可能不会自动分配剩余的像素。这种情况下,需要进一步调试才能确定其具体行为。 #### Opera & Safari 的处理方法 **Opera** 和 **Safari*...

Global site tag (gtag.js) - Google Analytics