Firefox 4: CSS3 calc

`

lixinlixin2008

浏览: 152395 次
性别:
来自: 北京

最近访客更多访客>>

723499280

anrenady

sgamin1001

cusalt

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

Firefox

calc() 这样用：

#a {
width:75%;
margin-right: 1em;
}
#b {
width: -moz-calc(25% - 1em);
}

目前支持
+, -, *, /, mod, min, and max

这样用：
div {
height: -moz-min(36pt, 2em);
width: -moz-max(50%, 18px);
}

详细信息请猛击：
http://hacks.mozilla.org/2010/06/css3-calc/

1
顶

0
踩

分享到：

FF的outerHTML | HTML5 Link prefetching

2010-06-14 12:29
浏览 1044
评论(0)
分类:Web前端
查看更多

发表评论

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

相关推荐

CSS3 calc()会计算属性详解: `calc()`函数的兼容性在现代浏览器中已经相当好，包括Chrome、Firefox、Safari、Edge和Internet Explorer 9及更高版本。不过，对于较旧的浏览器，可能需要使用其他技术（如JavaScript）来实现类似的效果。 ### 基本...

IE与Firefox的CSS兼容大全.rar: 其次，Firefox通常对CSS3新特性支持较好，如圆角`border-radius`、阴影`box-shadow`、渐变`linear-gradient`等，而IE则需要特定的滤镜（如`-ms-filter`或`filter`）来实现这些效果。同时，Firefox支持`calc()`函数...

CSS的计算大师：calc()函数全解析: `calc()`函数得到了现代浏览器的广泛支持，包括但不限于 Chrome、Firefox、Safari、Edge 和 Opera。对于旧版浏览器，可能需要使用其他方法来实现类似的效果。在使用`calc()`函数时，建议检查目标用户的浏览器兼容性...

圆角魅力：CSS border-radius全攻略: 目前，`border-radius`属性在大多数现代浏览器中都有很好的支持，包括但不限于Chrome、Firefox、Safari、Edge和Opera等。但在一些较旧版本的浏览器中，可能需要使用特定的前缀或者替代属性来确保兼容性。例如，在...

无js实现text-overflow: ellipsis; 完美支持Firefox: ` 是 CSS3 提供的一个样式属性，用于处理溢出的文本，但在 Firefox 浏览器中，无 JavaScript 的情况下，直接使用该属性可能存在兼容性问题。本知识点将详细介绍如何在 Firefox 中无 JS 实现 `text-overflow: ...

详解CSS 3 中的 calc() 方法: 在浏览器支持方面，`calc()`已经在主流桌面浏览器中得到广泛支持，包括Chrome、Firefox、Safari、Edge和Internet Explorer 9及以上版本。然而，早期的移动浏览器可能对其支持有限，所以在编写涉及`calc()`的代码时，...

hp12:HP 12C Calc的在线版本: 8. 兼容性：由于是基于Web的，这个在线版本的HP 12C应该能在各种操作系统和浏览器上运行，包括Windows、MacOS、Linux，以及Chrome、Firefox、Safari等主流浏览器。 9. 持续更新与维护：作为开源项目，"hp12"可能会...

CSS兼容IE和Firefox的技巧集合.rar: 5. CSS3属性兼容：如圆角、阴影、渐变等CSS3特性，IE9及以下版本需要使用专有的 `-ms-` 前缀，而Firefox则需要 `-moz-`。使用autoprefixer工具可以帮助自动添加这些前缀。 6. Flexbox和Grid布局：IE10及以下版本对...

使用CSS3中的calc()属性来以算式表达尺寸数值: CSS3中的calc()属性是实现动态布局的一种便捷工具，它允许开发者在CSS的属性值中使用算术表达式来计算元素的尺寸，包括长度、宽度、高度等。这为响应式网页设计提供了很大的灵活性。 calc()的运算规则非常直观，它...

13种CSS3网页加载进度条效果，包括计数器进度条，顶部进度条，背景进度条等。简洁美观，兼容主流浏览器: 这些效果设计得简洁而美观，同时确保兼容主流的浏览器，如Chrome、Firefox、Safari、Edge等。首先，计数器进度条通常是指一种带有数字显示的进度条，能够实时显示当前加载的百分比。这种效果可以通过CSS3的伪元素...

初探CSS3中的calc()功能: - **Firefox**：从4.0版本开始支持，但需要使用`-moz-calc()`私有属性。 - **Chrome**：从19 dev版本开始支持`-webkit-calc()`私有属性。 - **Internet Explorer**：从9版本开始原生支持不带前缀的标准写法。 - **...

火狐兼容代码: 4. `calc()` 函数：Firefox 早期版本不支持标准的 `calc()` 函数，可以使用 `-moz-calc()` 替代来计算元素尺寸。 5. `text-rendering`：Firefox 默认的文本渲染可能与其它浏览器不同，可以使用 `-moz-text-...

FIREFOX插件备份: 标题 "FIREFOX插件备份" 涉及到的是Firefox浏览器中对扩展或插件进行备份的操作。Firefox是一款开源的网络浏览器，它允许用户通过安装各种插件来增强其功能，例如广告拦截、隐私保护、下载管理等。在日常使用中，...

css3中的calc函数浅析: calc()函数在现代浏览器中得到了广泛支持，包括IE9+、Firefox 4.0+、Chrome 19+和Safari 6+。然而，在移动设备上的支持情况可能不尽相同。在实际应用中，可能需要添加浏览器厂商前缀（如 `-webkit-`）以确保更好的...

模拟阴影效果纯CSS圆角框架: 本文将深入探讨如何使用纯CSS技术来创建圆角矩形的阴影效果，同时确保兼容主流浏览器，包括Internet Explorer（IE）和Mozilla Firefox。首先，CSS3提供了box-shadow属性，用于为元素添加阴影效果。它接受多个参数...

CSS2006-2019.zip: 2008年，随着Firefox、Safari和Opera等浏览器对CSS3支持的提升，新的模块如选择器、边框和背景、文字阴影、渐变和过渡等开始被广泛讨论。这一年，CSS3分模块的策略开始形成，使得开发者可以逐步引入新特性，而无需...

The CSS Pocket Guide: - **浏览器开发者工具**：利用Chrome、Firefox等浏览器自带的开发者工具来检查和修改CSS样式。 - **性能优化**：减少HTTP请求、使用CDN、压缩CSS文件、避免不必要的重绘和回流等方法来提高页面加载速度和渲染效率。 ...

CSS中expression使用简介: 2. **浏览器兼容性**：`expression`仅在IE浏览器中支持，其他浏览器如Firefox、Chrome、Safari和Opera等都不支持，这会导致跨浏览器的样式不一致。 3. **错误处理**：如果`expression`中的JavaScript代码有错误，会...

rpn-calc:适用于 Firefox OS 的 RPN 计算器: 在Firefox OS上，"rpn-calc"是一款专为此操作系统设计的RPN计算器应用，旨在为用户提供方便、快捷的计算体验。 Firefox OS是Mozilla公司开发的一款基于开放源代码的移动操作系统，它主要运行在智能手机和平板电脑上...

Global site tag (gtag.js) - Google Analytics

最近访客 更多访客>>