bootstrap.min.css和bootstrap.css之间有什么区别?

oknrviil  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(4)|浏览(470)
    • 在bootstrap.min.css和bootstrap.css之间应该使用什么?**

我对这两个文件感到困惑,因为bootstrap.css是可读的,可以上下滚动。但是bootstrap.min.css很难编辑,因为你只能左右滚动它。

yzuktlbb

yzuktlbb1#

bootstrap.min.css已经被缩小了。这意味着所有的空格和其他额外的字符都被删除了。这通常是在生产中使用,以减少文件的大小。在开发时,使用未缩小的版本通常是有帮助的,因为,正如你所说,它是可读的。
它的工作原理是把所有变量(例如numbertableName),并将其转换为较短的名称(在本例中,它将number重命名为a,将tableName重命名为b),这样文件会变得更小一些(从220 MB219 MB),这基本上就是它所做的,当然它做的更多,但这是您可以了解它做什么的一部分。
这就是为什么没有白色,因为空白占用0.1 MB,最好没有它。
编辑:正如DrBeza在评论中提到的,如果您打算修改bootstrap.css文件,那么创建一个单独的.css文件并添加您自己的css规则来覆盖默认设置是一个更好的做法。而不需要编辑新的bootstrap.css来将修改移到它上面。

ws51t4hk

ws51t4hk2#

它们具有完全相同的功能,但.min.css版本已经 * 缩小 *,这意味着所有的空格都被删除,以减少文件大小和提高速度。
如果您希望编辑和处理内容,那么普通的.css更适合于开发,但是如果您肯定不打算修改文件,那么使用.min.css可以获得稍微好一点的性能。

ar7v8xwq

ar7v8xwq3#

bootstrap.min.css和bootstrap.css之间的主要区别是空格。在bootstrap.min.css文件中,所有白色都被删除了,而在bootstrap.css文件中,空格是存在的。所以很明显,文件大小将比bootstrap.min.css大。因此,作为一个开发人员,我们应该使用bootstrap.min.css。

mo49yndu

mo49yndu4#

要点是:开发时使用bootstrap.css,完成开发后使用bootstrap.min.css(即:将代码中指向bootstrap.css的所有示例更改为bootstrap.min.css),以便更快地加载并为最终用户提供更好的UX。

相关问题