【发布时间】：2013-12-20 13:03:55
【问题描述】：
我知道 CSS 中的媒体查询。但是，如果桌面版和移动版需要不同的 HTML 标记（容器的不同结构）怎么办？那里的最佳做法是什么？
谢谢。
【问题讨论】：
标签： html css responsive-design frontend
【发布时间】：2013-12-20 13:03:55
【问题描述】：
最佳做法是使用 Twitter Bootstrap 或 Foundation 等框架。查看这篇文章：
【讨论】：
-
我已经在使用 Bootsrap。假设，我有一个 HTML 块，位于桌面版本的内容容器中。但在移动版本中，此块应显示在站点徽标附近的标题容器中。我发现的最佳解决方案是在标题和内容容器中复制此块，然后添加到其中一个类
.visible-phone .hidden-desktop和第二个类 -.visible-desktop .hidden-phone。方法对吗？
对于响应式 HTML，我们可以通过以下方式实现
1.instead of pixel use %
2.media queries
3.jquery mobile http://jquerymobile.com/
【讨论】：