`

控制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在内的多个浏览器版本中都能正常工作。 首先,我们需要了解CSS中的`min-width`、`max-width`、`min-...

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

    过去,为了限制网页最小宽度,开发者可能会使用JavaScript脚本来动态计算并设置,但随着Web技术的发展,CSS(层叠样式表)已经提供了更为简洁和高效的方式来完成这一任务。 首先,我们来了解CSS中的宽度控制属性。...

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

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

    让IE6支持min-width最小宽度

    标题中的“让IE6支持min-width最小宽度”指的是在Internet Explorer 6(简称IE6)浏览器中实现CSS的`min-width`属性。`min-width`属性允许开发者设置一个元素的最小宽度,确保它不会在屏幕或窗口尺寸缩小到一定程度...

    CSS中使用expression完美设置页面最小宽度(兼容ie)

    在某些情况下,我们可能需要确保页面在不同屏幕尺寸下保持一定的最小宽度,以保证内容的可读性和布局的完整性。在IE浏览器(尤其是早期版本)中,`expression`是一个特有的特性,它允许我们将CSS属性与JavaScript...

    兼容IE的最小最大高度CSS写法

    这两个属性分别用于设置元素的最小宽度和最大宽度。在标准浏览器中,这两个属性可以很好地工作。但在IE中,它们的支持并不完善,特别是在早期版本的IE中,这可能会导致布局问题。 ```css .min_width { min-width: ...

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

    为了确保网页在IE6中的正常显示,并且能够控制页面元素的最小宽度、最大宽度、最小高度和最大高度,我们需要采用特定的CSS写法。这些写法通常是利用IE6特有的expression()函数来实现。 首先,我们来讨论如何为网页...

    css+div自适应窗口宽度

    在示例代码中,`.divGlobal`, `.DivTop`, `.DivBottom`这三个类都设置了`min-width`为760px,这表示这些div元素的最小宽度为760像素。当浏览器窗口宽度小于760像素时,这些div元素的宽度将不再缩小,以保证内容的...

    javascript 获取网页高度宽度.pdf

    - `document.body.clientWidth` 和 `document.body.clientHeight` 分别返回 `BODY` 元素的宽度和高度。 - `document.documentElement.clientWidth` 和 `document.documentElement.clientHeight` 分别返回可视区域...

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

    在CSS布局设计中,我们经常会使用`max-height`、`min-height`以及`width`属性来控制元素的尺寸,确保其在不同场景下有合适的显示效果。然而,不幸的是,在Internet Explorer 6(简称IE6)这个古老的浏览器版本中,...

    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; _...

    html图片自适应手机屏幕大小的css写法

    这段代码指定了最小宽度(min-width:320px)来确保小屏幕设备的兼容性,并设置了字体属性,包括字体族(font-family)、字体大小调整(-webkit-text-size-adjust),以及字体颜色。 ```css body { min-width: 320px...

    jquery实现文本域自动扩展宽度

    在网页设计中,文本域(textarea)是一种常用的用户输入组件,用于收集用户的多行文本输入。...同时,也可以根据自己的需求对代码进行定制,比如添加最小和最大宽度限制,或者在特定情况下禁用自动扩展等。

    最全的CSS浏览器兼容问题—HTMLCSS教程1

    解决方案是使用 Javascript 来实现最小宽度,可以使用width:expression(document.body.clientWidth )来实现。 6. DIV浮动IE文本产生3象素的bug 在IE下,左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的...

Global site tag (gtag.js) - Google Analytics