我希望我的网站支持手机，但这不是一个“如何”的问题。 我已经阅读了所有相关内容并总结了我的发现，@ media标签和最小/最大宽度。
现在我的实际问题。 一些网站页面，相当大，包括内容，侧面菜单，topmenu，页脚，JS，CSS（非移动版）等。
但....对于移动版本，我需要切断至少50％（例如，不应显示侧面菜单，页脚应该更小等）。
现在，再次，它不是css的问题（只是隐藏了@media那些不需要的元素） 真正的问题是，为什么我必须提供整页，并只展示其中的一部分？ 不浪费带宽吗？加载速度也会受到影响（加载专门为移动设计的页面，没有所有“额外”功能，总计10kb， 而完整的页面可以达到100kb）。
我在想这个吗？ 我应该选择@media查询而不关心浪费带宽吗？答案 0 :(得分：1)
这取决于您的使用案例。
制作单独的移动页面需要很长时间吗？如果不是那么它会更好，为什么要浪费带宽（对移动设备的重要考虑可能使用3 / 4g，他们将支付）。
请记住，许多较大的网站都采用传统方式重定向到移动设备上的“网站名称”，因此人们会投资购买移动网站和完整的网站。
长话短说都很好，但它适合你和你有什么时间