Em-based CSS looks horrible in RoboHelp editor

[dswriter]

I'm creating a help document to be used on desktop and mobile devices in Responsive HTML-5 format and I reworked my CSS to use em variables for sizing and spacing. I have two questions:

1. Why does this look horribly distorted in the WYSIWYG editor? It looks nothing like the basic preview window or the browser previews. Headings are massive, spacing is either non-existent or exaggerated, and it basically gives me no notion of what it will look like when published.
2. Is there even a reason to use em in RoboHelp? I checked some of my previously-published help (meant for Desktop only, but published in Responsive HTML-5) on an iPad and a Galaxy, and it looked fine in both cases. The only issue was a table set to a specific width jutting out of the screen, but the content in it was still visible. Maybe RoboHelp handles the resizing such that using em or % has no advantage over px?

Thanks for any input.

[Peter Grainge]

I just create topics as normal and let the responsive layout take care of the sizing. Works just fine as you have found.

For tables, in the Responsive SSL see the various options under Optimization.

---

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge