I'm designing a mobile website for a real estate office, so it's actually a mobile version, separate from the desktop version. The office has a preference for mobile version vs responsive HTML.
I've read quite a bit about the issue but some things still aren't 100% clear whether to use the mobile version for iPhone as well as iPad, or just iPhone:
For the iPhone a mobile version seems to make sense as it's a much smaller screen real estate and especially for a real estate office, the user should be able to make instant calls through the website. As I understand, this is not possible for responsive html:
For example, mobile sites also allow for the incorporation of phone calls into the design, where visitors can click a button on the design to make their phone initiate a call. This cannot be done on a responsive design since desktop devices cannot make sense of the click-to-call functionality and lack phone capabilities. Mobile design also allows for easy inclusion of mobile-only HTML, touch events (such as using a finger to scroll through images), or features such as location-based services
I've seen websites (eg Trulia) where the user gets served the m.trulia.com on iPhone and www.trulia.com on iPad through UA strings. I'm wondering if this is an easier method, as you should only build a mobile site for iPhone and thus wouldn't need different media queries for different mobile devices.
Basically i would like other opinions on this, or remarks to take into account.