我正在为我们的网站重新编写CSS，因为上一个网站变得非常庞大（其中一个CSS文件大约为180kb）。这正常吗？
我感兴趣的是找出什么是最有效的&为网站存储CSS代码的有效方式。由于当今设备的性质，我认为不可能编写针对设备的媒体查询（例如responsive.smartphone.landscape、responsive.tablet.portrait等）。此外，使用断点方法，许多媒体查询将重叠。
我正在考虑通过媒体查询编写CSS文件，为重叠的媒体查询单独编写CSS文件。如何减少膨胀&当文件的一小部分代码与设备本身相关时，不必向智能手机或平板电脑发送200kb的CSS文件？
对于智能手机等，您可以将css文件中的媒体查询从移动到链接元素，如下所示。通过这种方式，您只为每个文件加载一个css文件。
<link rel='stylesheet' media='screen and (max-width: 320px)' href='css/mobile.css' />
<link rel='stylesheet' media='screen and (min-width: 321px) and (max-width: 768px)' href='css/tablet.css' />
<link rel='stylesheet' media='screen and (min-width: 769px)' href='css/desktop.css' />
我不认为IE8或更低版本会支持这样的媒体查询，所以你也应该提供一个后备方案：
<!--[if lte IE 8]>
<link rel='stylesheet' media='screen' href='css/desktop.css' />
<![endif]-->