媒体查询以创建两个版本的网站？手机和桌面？！
有什么建议吗？
通常内联媒体查询对我来说很好，但网站需要看起来与桌面网站相比有很多差异，所以我想要有两个完全独立的样式表？
答案 0 :(得分：0)
我的建议，基本样式和所有@media查询在单独的样式表中，包括移动和桌面样式都将在当前加载，但如果缩小则不会产生太大影响。
同时尝试在覆盖尽可能少的基本样式规则之间找到平衡，只需扩展那些需要不同的属性。
如果您的网站仍在不断发展，如果您覆盖更多规则而不是智能扩展，您可能会发现更容易维护，但应该始终优先考虑进行优化。
答案 1 :(得分：0)
是的，您可以根据屏幕尺寸定位不同的.css文件。
例如将其添加到<head>部分
<link rel='stylesheet' media='screen and (max-width: 900px)' href='css/medium.css' />
这将为屏幕尺寸设置低于900px的新css文件。
答案 2 :(得分：-1)
使用包含以下媒体查询的单一样式表。使用单个样式表将减少页面加载时间。
使用多个（超过您计划的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}
如果您没有使用屏幕尺寸，请将其抽象化。你将来可能会需要它。