2013-12-20 44 views
-3

我知道CSS中的媒体查询。但是如果需要桌面和移动版本的不同HTML标记(不同结构的容器)呢?那里的最佳做法是什么?如何制作响应式HTML标记?

谢谢。

+0

实现我投票,我已经使用的JavaScript Bootsrap – Godinall

回答

0

最佳做法是使用Twitter Bootstrap或Foundation之类的框架。检查这篇文章:

http://www.designyourway.net/blog/resources/27-of-the-best-css-and-html-frameworks-available-to-download/

+0

。假设,我有一个HTML块,位于桌面版本的内容容器中。但是在移动版本中,该块应该显示在站点徽标附近的页眉容器中。我发现的最佳解决方案是在头文件和内容容器中复制该块,然后将其中一个类添加到'.visible-phone .hidden-desktop'和第二个 - '.visible-desktop .hidden-phone' 。这是正确的方式吗? – Anton

0

对于响应HTML,我们可以在以下几个方面

1.instead of pixel use % 
2.media queries 
3.jquery mobile http://jquerymobile.com/