WebHelp and HTML Help CHM output need a couple of configuration options to optimize them for working on modern high-resolution displays. This will not change the performance on normal displays.

Configuration for HTML Help/CHM files

The Microsoft CHM Viewer in Windows uses an old HTML rendering engine that has special requirements. Help+Manual can automatically configure your CHM file so that it displays correctly on high-resolution 4K monitors and devices like the Microsoft Surface and Lenovo Yoga Pro. If you don't do this the text and other elements will often be too small to read on these devices.

1.Open your project in Help+Manual and in the Project Explorer navigate to Configuration > Publishing Options > MS HTML Help > HTML Export Options.

2.Set Font Size Encoding to: pt Points.

3.Select the checkbox for Make pixel sizes relative to monitor resolution (4K display compatibility)

All elements of your CHM file will then automatically be adapted for correct display on both normal and high-resolution devices and monitors.

Configuration for WebHelp

You now need to consider high-resolution 4K monitors and devices like the Microsoft Surface and Lenovo Yoga Pro when you are planning your WebHelp. If you don't do this the text and other elements will often be too small to read on these devices. If you set the configuration options described below Help+Manual will automatically adjust everything else so that it displays correctly on high-resolution displays.

1.Open your project in Help+Manual and in the Project Explorer navigate to Configuration > Publishing Options > WebHelp > HTML Export Options.

2.Set Font Size Encoding to: em (1em = 100%).

3.The Font size of style "Normal" setting is grayed out for ems/rems because it is only used when font encoding is set in percent.

Once the base font encoding is set to ems all elements in your topic files will then automatically be adapted for correct display on both normal and high-resolution devices and monitors.