There is only one proper way to do this, two completely different presentations; keep them separate and serve up the proper one based on what device the user is using.
This is where I personally strongly disagree - Ive posted about it here - http://www.boonex.com/n/responsive-layouts-mobile-templates-native-apps . Different presentations mean different experience, more learning, and more frustration. And then, we have all those "in between" devices, like tablets, phablets, etc - do we create a special presentation for them as well?
We can, sure, but remember that we are talking about software - not just one site - so when you change a template, rearrange see more blocks, play with menus, etc - you would need to do that for ALL your presentations separately. At least you'd have to test and debug on all of them. So, we're trying to create just one presentation that is both linearly responsive and step-responsive, but preserving as much as possible of the layout and design on all presentation in the same way.
Ao, what do you think about texts? Smaller or larger on mobile devices?
We can, sure, but remember that we are talking about software - not just one site - so when you change a template, rearrange see more