让所有浏览器都支持max-height的CSS样式代码 - 前端开发、简约至上！ - Html，Css，Js，Jquery ... - ITeye博客

`

nianshi

浏览: 416158 次
性别:
来自: 济南

最近访客更多访客>>

hbzyb

zhangxiaopei

gaohejie

showerliang

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

nianshi： slideDown就是show的滑动效果版本, slideUp ...
Jquery零碎代码收藏
nianshi：以后编写JS代码，少写<div onclick=&quo ...
Jquery零碎代码收藏
nianshi：获取匹配元素相对父元素的偏移var p = $("p ...
Jquery零碎代码收藏
nianshi：获取匹配元素在当前窗口的相对偏移var p = $(" ...
Jquery零碎代码收藏
wuchu：谢谢
Flex 读取XML配置文件总结

让所有浏览器都支持max-height的CSS样式代码

博客分类：

前端开发

阅读更多

让所有浏览器都支持max-height的CSS样式代码，完整：
max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":""); overflow:hidden;这里的1000和1000px是你需要的数值，注意3个数值的相同。
让IE6支持最大高度max-height的时候别忘记加上overflow:hidden;

min-height，同理！

分享到：

WEB前端工程师：我们是工程师中的设计师， ... | 一步步构建大型网站架构

2012-09-11 11:38
浏览 925
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

各浏览器默认css样式（包括各浏览器的早期版本）: 在网页设计和开发中，了解不同浏览器的默认CSS样式至关重要，因为这直接影响到网页在不同浏览器上的呈现效果。本文将详细解析各主流浏览器，包括早期版本的默认CSS样式差异，帮助开发者更好地理解和处理浏览器兼容性...

CSS样式代码大全: ### CSS样式代码详解 #### 一、背景样式 Background **1. `background-attachment`**：此属性定义了背景图像是否固定或者随着页面滚动而滚动。 - **取值**： - `scroll`：背景图像随页面滚动（默认值）。 - `...

CSS样式初始化commonInitialize.css: CSS样式初始化是开发过程中一个重要的步骤，它旨在消除浏览器之间的默认样式差异，确保网页在不同浏览器上的一致性表现。"commonInitialize.css"就是这样一个专门用于全局CSS样式初始化的文件。首先，我们来理解...

图片适应任何分辨率，任何浏览器（CSS）: 总的来说，要让图片适应任何分辨率和浏览器，我们需要结合使用`max-width: 100%`、`height: auto`、响应式设计原则以及可能的媒体查询。通过这些技术，可以确保无论用户使用何种设备或浏览器，图片都能得到良好的...

IE6支持max-width/height与min-width/height(完美解决方案): 1、IE6支持max-width解决方法 IE6支持最大宽度，解决CSS代码：复制代码代码如下: .className { max-width:1000px; _width:[removed](document.documentElement.clientWidth||document.body.clientWidth)<1000?...

JS判断浏览器分辨率自动调用不同CSS: "JS判断浏览器分辨率自动调用不同CSS"是一个实现响应式布局的技术手段，通过JavaScript检测浏览器窗口的分辨率，并据此加载相应的CSS样式表。这种技术尤其适用于多设备兼容性需求高的项目。首先，我们需要了解...

让IE6支持min-width和max-width的方法: 在早期的Internet Explorer（尤其是IE6）中，浏览器并不支持CSS中的`min-width`、`max-width`以及`min-height`和`max-height`属性，这给网页设计带来了很大的局限性。为了让这些特性在IE6及其以下版本中生效，开发者...

DIV+CSS基础教程全攻略 (2).pdf: 对于IE6浏览器不支持`min-height`的问题，可以采用CSS Hack的方式解决，即在`min-height`后添加一个仅IE6识别的下划线`_height`，如`.yangshi{min-height:50px; _height:50px;}`。这样，即使在IE6中，元素也会有一个...

css样式初始化.zip: "css样式初始化.zip"这个压缩包文件很可能包含了一组用于初始化CSS样式的代码，帮助开发者快速建立一个干净、一致的样式起点。初始化CSS样式的主要目的是消除浏览器之间的默认样式差异，确保在不同浏览器上呈现一致...

DIV CSS基础教程全攻略: 然而，IE6浏览器不支持`min-height`，需要使用CSS Hack来兼容，如`_height:50px;`。综合示例代码： ```html <!DOCTYPE ...

div css样式表默认定制h1,h2,h3,h4,h5标题样式代码下载: 在默认情况下，浏览器为这些标题提供了预设的样式，但为了满足个性化和品牌一致性，开发者经常需要自定义这些样式。下面我们将深入探讨如何使用CSS来定制这些标题样式： 1. **选择器的使用**：在CSS中，我们可以...

5种css3鼠标滑过图片文字动画代码.zip: 在网页设计中，CSS3（层叠样式表第三版）为开发者提供了丰富的视觉效果和交互体验，其中之一就是鼠标滑过事件触发的动画效果。本文将详细介绍如何利用CSS3实现五种不同的图片文字动画效果，以及如何将这些效果整合到...

JS判断浏览器分辨率调用不同css样式: ### JS判断浏览器分辨率调用不同CSS样式的实现方法在Web开发中，为了提供更好的用户体验，根据不同的设备分辨率（屏幕尺寸）应用相应的CSS样式是非常重要的。这种方法有助于优化页面布局、提高加载速度，并确保...

CSS图片缩放.pdf: 在网页设计中，CSS（Cascading Style Sheets）是一种用于控制网页元素样式和布局的语言。在处理图片时，我们经常需要调整图片的大小以适应网页的布局。本文将详细介绍三种使用CSS进行图片缩放的方法，并提供相应的...

css开发字典: - 构建CSS样式表的过程，涉及选择合适的元素和属性来达到设计目标。 - 包括编写、测试和调试CSS代码。 **Cm（厘米）** - 同“Centimeter”，在CSS中用于长度单位。 **Button（按钮）** - 用户界面中的交互元素，...

DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf: 在软件开发领域，尤其是在Web前端设计中，CSS（层叠样式表）的浏览器兼容性问题一直是一个棘手的话题。本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer（IE6...

圆形头像效果，兼容所有浏览器！: 9. **测试与优化**：在不同浏览器和设备上进行测试，确保圆形头像效果在所有环境下都正常工作。使用浏览器开发者工具进行调试，针对性能进行优化，减少不必要的计算和渲染开销。通过以上方法，你可以在所有浏览器...

根据图片大小自适应的CSS: 在探讨“根据图片大小自适应的CSS”这一主题时，我们深入分析了如何利用CSS（层叠样式表）来确保图片能够根据不同设备和屏幕尺寸自动调整其大小，从而实现响应式设计的效果。以下是对该主题的详细解析： ### 一、...

css样式表中文手册: 2. **CSS后处理器**（如PostCSS）用于转换CSS，添加浏览器兼容性支持。 3. **CSS模块化**：使用CSS Modules或CSS-in-JS方法，避免全局样式冲突。本手册详细解析了这些知识点，并可能包含更多实践案例和示例，帮助...

Global site tag (gtag.js) - Google Analytics