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

每一天的生活,不再为一点小事悲痛动怒,会安安心心,简简单单,做一些能让自己开心的事。不要过分在意一些人,过分在乎一些事,顺其自然,以最佳的心态应对。
div+css的布局相比table布局简化了前端开发的复杂性,也会带来一些问题,现在我们就说一下浮动定位在页面大小改变时布局错位的解决办法,给页面设置最小宽度:

只需更改全局css样式表
复制代码
代码如下:

body
{
/* 加入一下两行 */
min-width: 1140px;
width: expression((documentElement.clientWidth > 1140) ? "1140px" : "auto" );
}

第一行,min-width最小宽度
第二行,CSS中使用expression有ie才能识别。IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript表达式关联起来,效果相当于min-width,即实现了兼容ie。
注意:1140宽度参数根据实际需要设置。

关于expression的使用,网上有详细的资料,不再赘述。

本文CSS中如何使用expression完美设置页面最小宽度(兼容ie)到此结束。这种信念是空的,只因生命在继续才盲目地产生信念。小编再次感谢大家对我们的支持!

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

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

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

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

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