Wt

I'm trying to make a fairly simple Wt app (a few buttons, and a treetable) work for both mobile and desktop clients. Right now, it does work, but the mobile version loads with a really, really large viewport. That means that the user has to zoom in a lot before text is anywhere near readable, and touch buttons are really hard to hit. It looks like it's ignoring the fact that a pixel on a (modern) smartphone is a lot smaller than one on a desktop.

Anything I've done with BoxLayouts hasn't really helped (didn't change the initial zoom issue at all). I'm using the Bootstrap v3 theme and Wt 3.7. I've also tried resetting the viewport meta-header, but that gives me "WApplication: WApplication::addMetaHeader() with no effect", wherever I try to change the header.

If there is a way to achieve a layout that is readable both on mobile and on desktop without writing a lot of CSS that would be really nice, but any help getting a single layout working properly would be very welcome. What is the best approach to get this working?