媒体查询创建两个版本的网站？移动和桌面？！
有什么建议吗？？
通常内联媒体查询对我来说很好，但与桌面网站相比，网站的外观有很大的差异，所以我想有两个完全独立的样式表？
我的建议，基本样式和ALL@媒体查询在单独的样式表中，移动和桌面样式当然都会加载，但如果缩小，应该不会有太大影响。
还要尝试在覆盖尽可能少的基本样式规则之间找到平衡，只是扩展了需要不同的少数属性。
如果你的网站仍在发展，如果你覆盖更多的规则而不是智能扩展，你可能会发现维护起来更容易，但应该始终优先考虑尽快优化。
是的，您可以根据屏幕外大小针对不同的.css文件。
例如，将其添加到<head>部分
<link rel='stylesheet' media='screen and (max-width: 900px)' href='css/medium.css' />
这将为低于900px的屏幕大小设置一个新的css文件。
使用带有以下媒体查询的单个样式表。使用单个样式表将减少页面加载时间。
使用多个（超过您计划的2个）媒体查询将极大地改善用户体验，尤其是在多任务处理时。
(max-width: 640px){your css style}
(min-width: 641px) and (max-width: 800px){your css style}
(min-width: 801px) and (max-width: 1024px){your css style}
(min-width: 1025px){your css style}
如果你没有使用屏幕大小，就把它抽象化。你将来可能需要它。