`

控制body的最小宽度

阅读更多
有时候;网页在屏幕或者浏览器缩小的情况下,布局会跑乱,为了解决这问题我们可以设置body的最新宽度,


代码如下
body{
  background:#FCCFCFC;
  min-width: 1220px;
  _width: expression(document.documentElement.clientHeight > 1220 ? "1220px" : "");
  font-size:13px;
  height:101%;/*始终出现Y轴的滚动条*/
}
分享到:
评论

相关推荐

    CSS控制div宽度最大宽度/高度和最小宽度/高度的方法

    在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度,但是在IE6中很多朋友都会遇到不兼容的头疼问题,包括我也经常遇到这样的问题,在百度查了很多都没法解决,后来在一个论坛上学习到,在这里跟大家分享...

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

    CSS设置页面最大最小宽度 兼容ie6/7/8/9,FF,chrome,sogou等浏览器 设置最小宽度 div { width:100%; min-width:1000px; width:expression_r(document.body.clientWidth < 1000> 1200 ? "1200px": "auto" ); } ...

    Div设置最小宽度(有浮动元素或浏览器宽度小于1350之后)

    第一种情况: 复制代码代码如下: body { width:100%; higth:100%; } 当浏览器缩小的时候,若是body里有浮动元素。或者有设置百分比的div 或出现字体挤压情况。 第二种情况: ... 设置这个body的宽度

    通过CSS样式设置网页的最小宽度以将宽度固定为600px为例

    通过CSS样式设置网页的最小宽度,下面的样式将网页的最小宽度固定为600px html代码,将所有的内容都放到id=container的容器内 复制代码代码如下: <body> ”container”> CSS样式代码,指定最小宽度为600,...

    兼容IE6的网页最小最大宽度和最小最大高度css写法

    最小宽度: 复制代码代码如下:.min_width{ min-width:300px; /*sets max-width for IE */ _width:[removed]document.body.clientWidth < 300> 600 ? “600px” : “auto”);}最小高度 复制代码代码如下:.mi

    asp.net CheckBoxList各项最小宽度CSS样式(兼容性good)

    参考了一下网上的最小宽度样式, 代码如下: /* 最小寬度 */ .min_width{min-width:300px; /* sets max-width for IE */ _width:[removed]document.body.clientWidth < 300> .ckblstEffect td { min-width:80px; _...

    CSS的最大高度、最小高度及宽度在IE6下没有效果问题

    复制代码代码如下: _width:[removed]document.body.clientWidth < 300 ? “300px” : “auto”); 高度 复制代码代码如下: _height:[removed]this.scrollHeight < 200 ? “200px” : “auto”); 解释一下这...

    jQuery的兼容电脑手机端弹出层插件.zip

    'minWidth' : '0', //最小宽度 "className" : '', //添加类名 'position' : 'fixed', //定位方式 'animateType' : 'scale', 'modal' : false, //是否存在蒙层 'isModalClose' : false, //点击蒙层是否关闭 '...

    jQuery 做出兼容电脑手机端弹出层插件.zip

    'minWidth' : '0', //最小宽度 "className" : '', //添加类名 'position' : 'fixed', //定位方式 'animateType' : 'scale', 'modal' : false, //是否存在蒙层 'isModalClose' : false, //点击蒙层是否关闭 '...

    FlowType.JS:最好的网页排版

    设置最小和最大宽度阈值以控制特定元素宽度内的 FlowType.JS 魔法。 在此示例中,一旦元素宽度小于 500 像素或大于 1200 像素,FlowType.JS 将停止调整文本大小。 $ ( 'body' ) . flowtype ( { minimum : 500 , ...

    alert.js jQuery兼容电脑手机端弹出层插件.zip

    'minWidth' : '0', //最小宽度 "className" : '', //添加类名 'position' : 'fixed', //定位方式 'animateType' : 'scale', 'modal' : false, //是否存在蒙层 'isModalClose' : false, //点击蒙层是否关闭 '...

    46种常见的浏览器兼容性问题大汇总

    12. 页面的最小宽度 3 13. DIV浮动IE文本产生3象素的bug 3 14. IE捉迷藏的问题 3 15. float的div闭合;清除浮动;自适应高度 3 16. 高度不适应 3 17. IE6下图片下有空隙产生 3 18. 对齐文本与文本输入框 3 19. ...

    CSS中的expresssion的使用及注意事项

    960px:)},该样式是使IE6中该div的最小宽度为960px 说明:expression只试用于IE浏览器 注意:能不使用expression就最好不用,原因:expression的计算频率很高,从而对页面性能有影响。不仅仅是在页面显示和缩放时,...

    学习ExtJS(二) Button常用方法

    一、属性 renderTo:将当前对象所生成的HTML对象存放在指定的对象中 text:得到按钮名称 minWidth:按钮最小宽度 hidden:按钮的隐藏或显示(true or false) 二、构造参数 handler:指定一个函数句柄,在默认事件触发...

    js使用小技巧

    禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return ...

    html 讲解 文字 图片 表格相关 frame 页面布局

    移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。 移动方向指令是:direction=# up向上、down向下、left向左、right向右。 指令举例:<MARQUEE scrollAmount=3 direction=up>...........

Global site tag (gtag.js) - Google Analytics