responsive/adaptive design

I know i am going against my statement, in regards to making any future forum/post due to others posting just plain,uneducated and acting like developers when they are NOT, so here goes and this is for developers and maybe boonex can resolve this as well.

Dolphin is running a responsive/adaptive design, i.e. it doesn't have a mobile design in fact, instead it adapts a page to device's screen width (f.ex. you can play with it on a desktop by resizing the browser's window). And since some device's resolution is quite large - it effects in everything being displayed like on a desktop but due to mobile's small physical size - everything seems very small. I believe this is general problem. So if you have  a problem on mobile with f.ex. your index page (small fonts, small buttons) then can some one please  come up with a more elegant solution to make things looking better on all kinds of mobiles ? 

The best approach would be to detect the device, then serve up CSS/JS that will work best on that device; or as much as possible. That means, of course, developing templates for each class of device.  The evo approach was to have a template that works well on MOST mobile devices.  Of course the evo template may not display as well on some mobile devices as others.  Also, your users would choose the template that works best on their device.  It would be better if we could just serve the template best suited for the device automatically.

Here is an interesting article that discusses this:

http://www.html5rocks.com/en/mobile/cross-device/

best way to handle it would be to show / hide blocks per the screen resolution

you can clean up your UI very quickly for mobile by just hiding all the fluff

Some info on hiding blocks > https://www.boonex.com/forums/topic/hiding-page-blocks-on-mobile-devices-.htm

I had to change the resolution of some photos/videos. Some things yes i can hide, but some blocks would just kill the whole feeling of mobile. who knows, i just hope they can come up with a fix.