我希望我的网站支持手机，但这不是“如何做”的问题。我已经阅读了所有相关内容，并总结了我的发现、@media 标签和最小/最大宽度。
现在对于我的实际问题。一些网站页面变得非常大，包括内容、侧边菜单、顶部菜单、页脚、JS、CSS（用于非移动版本）等。
但是....对于移动版本，我需要切断至少 50% 的内容（例如，不应显示侧边菜单，页脚应该更小等）。
现在，再一次，这不是 css 的问题（只是隐藏那些使用 @media 的人不需要的元素）真正的问题是，为什么我必须提供一个完整的页面，并且只显示它的一部分？这不是浪费带宽吗？加载速度也会受到影响（加载专为移动设备设计的页面，没有所有“额外”功能，总和为 10kb，而完整页面可以达到 100kb）。
我想太多了吗？我应该只使用@media 查询而不关心浪费的带宽吗？