CSS控制页面最大最小宽度和高度可兼容IE6版本的如何实现方法

远处的是风景,近处的才是人生。清澈的空气使大地广漠无垠,把它无限地扩展开去。一切都在往远方同去,而且在召唤人们也到大地的蓝色边沿上去。
CSS设置页面最大最小宽度
兼容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;
}

到此这篇关于CSS控制页面最大最小宽度和高度可兼容IE6版本的如何实现方法就介绍到这了。你是唯一的,你是十分独特的,你就是你生命中的第一名。更多相关CSS控制页面最大最小宽度和高度可兼容IE6版本的如何实现方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例