html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

通过CSS样式设置网页的最小宽度以将宽度固定为600px为例_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:设置网页的最小宽度在以前或许是使用js来完成的,不过今天,在本文将为大家详细介绍下通过css是如何实现的,感兴趣的朋友不要错过
通过CSS样式设置网页的最小宽度,下面的样式将网页的最小宽度固定为600px RUCHTML5中文学习网 - HTML5先行者学习网
RUCHTML5中文学习网 - HTML5先行者学习网
html代码,将所有的内容都放到id=container的容器内 RUCHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
RUCHTML5中文学习网 - HTML5先行者学习网
<body> RUCHTML5中文学习网 - HTML5先行者学习网
<div id="container"> RUCHTML5中文学习网 - HTML5先行者学习网
RUCHTML5中文学习网 - HTML5先行者学习网
CSS样式代码,指定最小宽度为600,兼容IE浏览器 RUCHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
RUCHTML5中文学习网 - HTML5先行者学习网
#container { RUCHTML5中文学习网 - HTML5先行者学习网
min-width: 600px; RUCHTML5中文学习网 - HTML5先行者学习网
width:expression(document.body.clientWidth < 600? "600px": "auto" ); RUCHTML5中文学习网 - HTML5先行者学习网
} RUCHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助