设置页面最大最小宽度代码,Css代码库,德仔网

代码语言

代码分类

【Css】设置页面最大最小宽度

作者:新凼 / 发布于2016/6/14/ 961

容ie6/7/8/9，FF，chrome,sogou等浏览器
 
设置最小宽度
div {
width:100%;
min-width:1000px;
width:expression_r(document.body.clientWidth < 1000 ? "1000px": "auto" );
}
 
设置最大宽度
div {
width:100%;
max-width:1200px;
width:expression_r(document.body.clientWidth > 1200 ? "1200px": "auto" );
}
 
同时设置最大宽度和最小宽度
div {
width:100%;
min-width:1000px;
max-width:1200px;
width:expression_r( Math.max(1000, Math.min(1200, document.body.offsetWidth*0.99))+"px" );
}
 
 
css ie6最小高度
min-height最小高度的实现（兼容IEie6/7/8/9、FF）
div {
min-height:100px;
height:auto !important;
height:100px;
overflow:visible;
}

试试其它关键字

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

新凼贡献的其它代码(11)

.将结果分别赋值给变量
.update 实现多行多列更新
.css3中placeholder的字体颜色
.文件监控对象FileSystemWatcher实例，文件创建，修改
.获取用户看到的网页源码
.判断当前日期的类型
.设置页面最大最小宽度
.jQuery小技巧-返回页面顶部功能
.检查汉字字符
.查找某个字段存在于那个表中的语句