【问题标题】:Max line length for CSS files [closed]CSS文件的最大行长[关闭]
【发布时间】:2014-05-13 06:11:28
【问题描述】:

浏览器是否限制 CSS 文件中的行长?

我是 having a problem,其中某些 CSS 样式无法被浏览器识别之后我使用 sass --style compressed 缩小代码。

当样式位于单独的行上时,它可以正常工作。如果我在缩小的 CSS 中的战略位置输入换行符,它仍然可以正常工作。所以这告诉我 CSS 的编写方式或缩小发生的方式没有问题——相反,浏览器似乎只是不喜欢格式缩小代码的某些内容。

【问题讨论】:

  • 我不认为它是浏览器问题。它发生在每个浏览器中吗?我们能看到编译好的css文件吗?我的第一个猜测是,一些引号 ('') 没有正确关闭,并且在换行后它不再重要了。
  • 你有 validated 缩小的 CSS 吗?您是否尝试过另一个缩小器?
  • 注意:OP 说一旦他添加了几个换行符,缩小的 CSS 文件就可以工作。
  • Some styles not rendered in the browser with sass --style compressed 的可能重复项。如果您决定提出与另一个仍在进行中的问题高度相关的问题,请为之前的问题提供超链接,这样人们就可以看到是什么引起了查询,以及当前的答案是如何进行的。
  • @SDP 只是在 50% 的行长(假设它工作)然后 75%(假设它没有工作)62.5% 后删除一个换行符,依此类推。

标签: html css sass


【解决方案1】:

防火墙和代理有时会损坏或忽略行很长的大型 CSS 文件。

https://developers.google.com/closure/compiler/faq#linefeeds

为什么编译的脚本中有随机的换行符?

关闭 编译器有意每 500 个字符左右添加换行符。 防火墙和代理有时会损坏或忽略大型 JavaScript 行很长的文件。每 500 个字符添加换行符 防止这个问题。删除换行符对 a 没有影响 脚本的语义。对代码大小的影响很小,而且编译器 优化换行位置,使代码大小损失均匀 压缩文件时更小。

本文直接适用于 javascript 文件。我相信它也适用于 CSS 文件。

【讨论】:

  • 这似乎很可能,刚刚测试了一个 css 文件,它是一行 68363 个字符并应用了所有样式。有兴趣了解 OP 的环境是什么
  • @JoshDavenport 你是对的。例如,Bootstrap 4.5.3 的 css 包含 6 行,第 6 行包含大约 160k 个字符。
猜你喜欢
  • 2016-10-16
  • 2015-11-09
  • 2012-03-05
  • 1970-01-01
  • 2019-06-28
  • 2023-03-29
  • 2012-03-12
  • 2011-09-28
相关资源
最近更新 更多