jquery - CSS3 响应式布局 - 我可以选择哪种方法？

Question

嗨，我正在制作一个网站，这个网站有 3 种不同的模型，适用于台式机、平板电脑、智能手机。我可以使用 respond.js 识别宽度。

但我的问题是如何将设计切换到合适的设备。我可以使用查询选择器更改宽度和高度，但是如何更改页面的内容..

任何好主意。早些时候我下载了所有内容并使用 display:none 隐藏不需要的内容，我知道这是错误的。除了使用服务器端代码查找之外，哪种方法最好？

谢谢

Answer 1

为所有模型类型创 build 计主题并在标记中使用相同的 css 类。检查客户端的窗口大小并根据窗口加载适当的主题。