为什么 CSS3 PIE 和其他类似脚本没有在所有地方使用?

2023-12-11

这个问题已经被问过htc 文件:为什么不使用它们?,但答案并没有真正回答任何问题。

问题是,为什么会这样CSS3 PIE很多网站都没有使用?我原以为较小的公司不会知道这一点,但引起我注意的是 Twitter,但它并不使用它。

是因为不标准吗?或者它会导致网站速度明显减慢吗?

感谢您的任何回复。


我不能代表所有人,但我的感觉是,您不会看到大型网站使用此类工具,因为:

1)它们确实会产生一定的性能成本。 CSS3 PIE 在大约两打元素(根据我的经验,YMMV)使用后开始产生明显的渲染延迟。因此,在大页面上使用它可能会导致比下载图像资源节省的时间更大的渲染延迟。

2)他们开始显示复杂 DOM 更改的错误。大量的动画、显示/隐藏等有时会导致 PIE 不同步。

3) 与#2 相关,添加的抽象层(及其相关的错误)可能会对具有复杂代码库的大型开发团队造成损害。如果您开始花费更多时间调试抽象而不是简单地创建圆角图像,那么该工具就会妨碍您。

我在这里专门谈论 CSS3 PIE,因为它对我来说很亲近(我是它的创建者),但类似的警告也适用于其他 Polyfill,例如 Selectivizr。这适用于任何工具:您始终必须根据您的特定需求评估利弊。例如,出于上述原因,我不会推荐 PIE 用于高流量、性能关键、高度交互的网站(如 Twitter),但它确实适合更简单、更静态的设计。

...另一个想法是,在许多情况下,简单地让 IE 降级为方角等是完全有效的。如果可能的话,考虑到您的特定情况,这始终是 IMO 的首选方法。因此,在这种情况下,这并不是由于对工具进行了任何评估,而只是因为首先决定不需要该工具提供的功能。 :)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么 CSS3 PIE 和其他类似脚本没有在所有地方使用? 的相关文章

  • 当我使用 cakephp 时,我应该把 PIE.htc 文件(用于使 IE 与 CSS3 一起工作)放在哪里

    我正在尝试使用PIE htc 这是一个脚本 希望能让我在 IE6 8 中使用 CSS3 功能 我也在使用 Cakephp 我越来越喜欢它 根据说明 我只需将 PIE htc 文件粘贴到我想要的任何位置 然后添加behavior url pa
  • 当前和未来元素的事件侦听器,无需 jQuery [重复]

    这个问题在这里已经有答案了 如果我没记错的话 我曾经看到一种将事件侦听器绑定到匹配特定条件的每个元素 可能是查询选择器 的方法 再次寻找它 除了高度依赖 jQuery 的人之外 我找不到任何东西 但我更喜欢一种真正简单的方法来实现这一点 有
  • 对 HTML 表单的操作属性使用空 URL 是一个好习惯吗? (动作=“”)

    我想知道是否有人可以对使用空白 HTML 表单操作回发到当前页面给出 最佳实践 响应 有一个帖子询问空白 HTML 表单操作在这里做什么和一些页面 例如this one建议这很好 但我想知道人们的想法 您能做的最好的事情就是完全忽略操作属性
  • 超链接中的 & 符号会导致 W3C 验证失败

    我有一个反复出现的问题 在代码中 符合标准的良好代码只是由于某些超链接 URL 中的 而导致失败 有谁知道解决这个问题的方法或技巧 Thanks 我编写了符合标准的良好代码 但由于某些超链接 URL 中的 而导致失败 URL 中未转义的 符
  • Facebook JS 影响 IE 中的 CSS/@font-face?

    我似乎注意到 Facebook 的 JS div div 似乎影响了我网站在 IE 中的 CSS 例如 假设标题使用 font1 正文使用 font2 有时 在 IE 中 所有字体都使用 font1 甚至交换 标题使用 font2 正文使用
  • 如何使用有效的 CSS 来定位 IE7 和 IE8?

    我想使用符合 W3C 的 CSS 来定位 IE7 和 IE8 有时修复一个版本的 CSS 并不能修复另一个版本的 CSS 我怎样才能实现这个目标 使用 HTML 和 CSS 明确定位 IE 版本 无需破解 如果您不想对 CSS 进行修改 请
  • “href”代表什么? [复制]

    这个问题在这里已经有答案了 写了几年 html 之后 我意识到我真的不知道为什么href属性被命名 href The HTML推荐并没有阐明这个问题 该属性指定 Web 资源的位置 从而定义当前元素 源锚点 与该属性定义的目标锚点之间的链接
  • 为什么 CSS3 PIE 和其他类似脚本没有在所有地方使用?

    这个问题已经被问过htc 文件 为什么不使用它们 但答案并没有真正回答任何问题 问题是 为什么会这样CSS3 PIE很多网站都没有使用 我原以为较小的公司不会知道这一点 但引起我注意的是 Twitter 但它并不使用它 是因为不标准吗 或者
  • get请求中的参数可以有多长?

    我目前正在编写一个 API 通过获取参数获取传递的数据 因此我想知道 URL 或参数值的总长度是否在最佳实践或协议中受到限制 基本上 2K 是跨浏览器方式中最值得信赖的分辨率 但如果放弃对 IE 8 及更低版本的支持 您可能会喜欢 64K
  • 使用 W3C 规范中未包含的特定于供应商的扩展有哪些优点和缺点?

    我编辑了我的问题 什么是供应商特定扩展 可以启动供应商特定的扩展 带有 破折号 或 下划线 通常后跟 公司或公司的缩写 浏览器项目的扩展名是 具体用于 f i moz 代表 Mozilla 浏览器 或 WebKit 的 webkit 基于浏
  • 学习 HTML5 和 CSS3 [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 想象一下今天 即 2011 年 3 月 1 日 某人从未编写过网页 并且想知道他们应该阅读哪些内容才能
  • 无序列表和可访问性

    许多 大多数 旨在实现可访问性和标准合规性的网站都使用无序列表进行导航 这是否使网站更易于访问 或者只是提供有用的样式元素 我不介意它们 我一直以这种方式使用无序列表 只是 当我从页面中删除样式以尝试衡量其可访问性时 我突然意识到它也可能是
  • 如何仅加载 ie7 和 8 的 css3 饼图?但不适合9

    这是使用 CSS3 PIE 的 css border 1px solid 696 padding 60px 0 text align center width 200px webkit border radius 12px moz bord
  • 如何在网络标准中混合链接( 标签)和标题(

    标签)?

    根据 Web 标准创建标题为 1 的链接的正确代码是什么 is it h1 a href http stackoverflow com stackoverflow a h1 or a href http stackoverflow com

  • http 标头中是否允许存在多个线性空白

    我试图理解http www w3 org Protocols rfc2616 rfc2616 sec2 html sec2 2 http www w3 org Protocols rfc2616 rfc2616 sec2 html sec2
  • 如何正确克隆(jQuery)通过 PIE 应用样式的元素?

    我一直在使用 htc的版本PIE http css3pie com在一个新项目 专门针对 IE8 上成功 但是 在尝试克隆应用了 PIE 样式的元素时遇到了麻烦 我有一个 jsfiddle 说明了问题here http jsfiddle n
  • 元素结束标记中的属性?

    执行以下操作是否被视为有效 li stuff li li stuff li li stuff 或者做属性have出现在开始标签中 不 不是 您必须在开始标记中使用属性 Running a test in w3c 验证器 http valid
  • 什么是语义标记,为什么我要使用它?

    就像它说的那样 使用语义标记意味着您在页面中使用的 X HTML 代码包含描述其用途的元数据 例如 h2 包含员工姓名的内容可能会被标记class employee name 最初有人希望搜索引擎能够使用这些信息 但随着网络的发展 语义标记
  • pieCSS3:不在本地四舍五入

    我正在尝试使用饼图获得圆角 ul li webkit border radius 8px 8px 0 0 moz border radius 8px 8px 0 0 border radius 8px 8px 0 0 color FFFFF
  • 默认情况下,JSF 生成不可用的 ID,这些 ID 与 Web 标准的 CSS 部分不兼容

    活跃的 JSF 或 Primefaces 用户能否解释一下为什么默认情况下会发生这种情况 为什么没有人对此采取任何措施

随机推荐