我对这两个文件感到困惑,因为bootstrap.css是可读的,可以上下滚动。但是bootstrap.min.css很难编辑,因为你只能左右滚动它。
bootstrap.css
bootstrap.min.css
yzuktlbb1#
bootstrap.min.css已经被缩小了。这意味着所有的空格和其他额外的字符都被删除了。这通常是在生产中使用,以减少文件的大小。在开发时,使用未缩小的版本通常是有帮助的,因为,正如你所说,它是可读的。它的工作原理是把所有变量(例如number、tableName),并将其转换为较短的名称(在本例中,它将number重命名为a,将tableName重命名为b),这样文件会变得更小一些(从220 MB到219 MB),这基本上就是它所做的,当然它做的更多,但这是您可以了解它做什么的一部分。这就是为什么没有白色,因为空白占用0.1 MB,最好没有它。编辑:正如DrBeza在评论中提到的,如果您打算修改bootstrap.css文件,那么创建一个单独的.css文件并添加您自己的css规则来覆盖默认设置是一个更好的做法。而不需要编辑新的bootstrap.css来将修改移到它上面。
number
tableName
a
b
.css
ws51t4hk2#
它们具有完全相同的功能,但.min.css版本已经 * 缩小 *,这意味着所有的空格都被删除,以减少文件大小和提高速度。如果您希望编辑和处理内容,那么普通的.css更适合于开发,但是如果您肯定不打算修改文件,那么使用.min.css可以获得稍微好一点的性能。
.min.css
ar7v8xwq3#
bootstrap.min.css和bootstrap.css之间的主要区别是空格。在bootstrap.min.css文件中,所有白色都被删除了,而在bootstrap.css文件中,空格是存在的。所以很明显,文件大小将比bootstrap.min.css大。因此,作为一个开发人员,我们应该使用bootstrap.min.css。
mo49yndu4#
要点是:开发时使用bootstrap.css,完成开发后使用bootstrap.min.css(即:将代码中指向bootstrap.css的所有示例更改为bootstrap.min.css),以便更快地加载并为最终用户提供更好的UX。
4条答案
按热度按时间yzuktlbb1#
bootstrap.min.css
已经被缩小了。这意味着所有的空格和其他额外的字符都被删除了。这通常是在生产中使用,以减少文件的大小。在开发时,使用未缩小的版本通常是有帮助的,因为,正如你所说,它是可读的。它的工作原理是把所有变量(例如
number
、tableName
),并将其转换为较短的名称(在本例中,它将number
重命名为a
,将tableName
重命名为b
),这样文件会变得更小一些(从220 MB到219 MB),这基本上就是它所做的,当然它做的更多,但这是您可以了解它做什么的一部分。这就是为什么没有白色,因为空白占用0.1 MB,最好没有它。
编辑:正如DrBeza在评论中提到的,如果您打算修改
bootstrap.css
文件,那么创建一个单独的.css
文件并添加您自己的css规则来覆盖默认设置是一个更好的做法。而不需要编辑新的bootstrap.css
来将修改移到它上面。ws51t4hk2#
它们具有完全相同的功能,但
.min.css
版本已经 * 缩小 *,这意味着所有的空格都被删除,以减少文件大小和提高速度。如果您希望编辑和处理内容,那么普通的
.css
更适合于开发,但是如果您肯定不打算修改文件,那么使用.min.css
可以获得稍微好一点的性能。ar7v8xwq3#
bootstrap.min.css和bootstrap.css之间的主要区别是空格。在bootstrap.min.css文件中,所有白色都被删除了,而在bootstrap.css文件中,空格是存在的。所以很明显,文件大小将比bootstrap.min.css大。因此,作为一个开发人员,我们应该使用bootstrap.min.css。
mo49yndu4#
要点是:开发时使用bootstrap.css,完成开发后使用bootstrap.min.css(即:将代码中指向bootstrap.css的所有示例更改为bootstrap.min.css),以便更快地加载并为最终用户提供更好的UX。