请教一下响应式布局，一套html结构多套样式的问题

Question

最近在做一套页面，要求响应式布局，从PC端适应到移动端，布局会发生变化。我的想法是尽量用一套html结构，多套样式（而不是多套html结构，切换显示不同结构），通过改变样式来调整布局位置，设想是挺好的，但是遇到实际的设计稿就难以实现了。

请教过两个人：
1、第一个人的建议，容器position:relative，子元素分别position：absolute,并各自控制好位置。
2、第二个人的建议，这属于设计失误，响应式设计应该尽量保持元素布局的顺序不变，如果变了很难做的。

请教一下大家：
1、如果要做的话，按第一个人的建议吗？
2、这个设计存在问题吗，符合响应式设计原则吗？响应式设计应该遵循什么原则呢

Answer 1

第一个布局合理，第二个布局是什么鬼，第二个是移动端的？

Answer 2

第一个人纯属娱乐，没人会这么做。这个馊主意还不如出两套HTML

Answer 3

確認下是不是因為原因2引起的，如果真的要實現，可以用@media query 寫兩個不同的樣式。
Ps:也有網站的模塊順序是亂的，不過像樓主這麼多模塊還亂的這麼個性的比較少見