IE中显示min-width效果的解决方案
2010-11-08 09:37:24
网页教程
内容摘要:
速读文章内容
在用css布局中,时常用到min-width这个参数,而IE对此无法识别,那么,如何使IE也能显示同样的效果呢?这几天,菜鸟老乌鸦正碰到了这个麻烦事儿,于是goog
在用css布局中,时常用到min-width这个参数,而IE对此无法识别,那么,如何使IE也能显示同样的效果呢?这几天,菜鸟老乌鸦正碰到了这个麻烦事儿,于是google了一大堆资料,找到了个感觉比较简单的方法,总结一下写在这里,与鸟们分享。如有错误、疏漏之处,还请不吝赐教。
分两种情况来讲。
一、非常方便的解决方法。
我们要让一个元素在窗口最大化时宽度为**,当缩小窗口时,要求页面最小宽度为760px,在css中,一般我们会这样写:
CODE#content {
width:**;
min-width: 760px;
}
非常好,在opera、firefox下显示很正常。但在IE下没有效果。解决方法只要在后面加一句就行了,如下:
CODE#content {
width:**;
min-width: 760px;
width: expression(document.body.clientWidth < 760? "760px": "**" );
}
二、应用于body
上面的解决方法并不能应用于body元素,当我们需要对body也进行此设置时,用js来解决是比较好的。为了可爱的firofox、opera等,css里这一句还是要写上的:
CODEbody {
margin: 0;
padding: 0;
width:**
min-width: 760px;
}
然后在页面中再调用一个js,代码如下:
CODEvar d = document;
var winIE = (navigator.userAgent.indexOf("Opera")==-1 && (d.getElementById && d.documentElement.behaviorUrns)) ? true : false;
function bodySize(){
if(winIE && d.documentElement.clientWidth) {
sObj = d.getElementsByTagName("body")[0].style;
sObj.width = (d.documentElement.clientWidth<760) ? "760px" : "**";
}
}
function init(){
if(winIE) { bodySize(); }
}
onload = init;
if(winIE) { onresize = bodySize; }
首页
点赞
分享
相关内容
Iframe和FRAME
样式表经典使用技法
收藏代码
网站 LOGO 设计简论
制作1px边框表格的方法
ASP制作的搜索引擎
网页滚动条分析
弹出网页窗口方案分析
最新发布
小熊圣诞袜怎么画
艺考
儿童简笔画教程大全
2022/12/3
有关关爱名言警句_名言警句
艺考
名人名言
2022/12/7
蛇颈龙宝宝线稿图片
艺考
少儿美术
2022/12/13
做人要诚信的警句_诚信名言
艺考
名人名言
2022/12/6
我和团团有个约定手抄报一等奖(7张)
艺考
手抄报模板大全
2023/1/6
暑假手抄报英文版手抄报获奖作品5张
艺考
手抄报模板大全
2023/1/1
专题合集
院校库
专业库
招生章程
招生计划
录取分数
录取原则
收费标准
录取查询
通知书
入学指南
新生数据
就业情况
高考人数
高考报名
高考考试
高考试卷
高考作文
高考查分
各批次线
一分一段
志愿填报
录取安排
投档分数
模拟联考
统考考题
统考查分
统考分数
艺考简章
更多省份
艺考培训
-
设计
-
网页素材
-
网页教程
-
IE中显示min-width效果的解决方案