嗨,我正在制作一个网站,该网站有3种不同的样机,分别用于台式机,平板电脑,智能手机。
但是我的问题是如何将设计切换到合适的设备。我可以使用查询选择器更改宽度和高度,但是如何更改页面的内容。
任何好主意。在较早的时候,我下载了所有内容,并习惯使用display:none隐藏不需要的内容,我知道这是错误的。除了找到使用服务器端代码之外,哪种方法是最好的?
谢谢
最佳答案
为所有模型类型创建设计主题,并在标记中使用相同的CSS类。检查客户端的窗口大小,并根据窗口侧加载适当的主题。
关于jquery - CSS3响应式布局-我可以选择哪种方法?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9805455/