Skip to main content
Participating Frequently
December 16, 2016
Question

CanvasHTML5 TextInput Component font size issue

  • December 16, 2016
  • 1 reply
  • 2198 views

Animate CC 2017 Version 16.0.1

MacOS Sierra Version 10.12.1

MacBook Pro Retina 15inch, Late 2013

Working with the TextInput components (creating a form) for a CanvasHTML5 project.

The stage is 1366x768

Publish settings:

Center stage - Horizontally

Make responsive - By width

Scale to fill - Stretch to fit

Successfully controlling the input width and input font sizes as the browser scales using CSS breakpoints.

Looks good on the phones/tablets I'm testing. Looks good on Mac and scales nicely with the browser.

However, on a PC laptop (1366.x768), the fonts are probably 1.5 times larger. (I checked 2 different PCs and they looked the same)

Anyone know why that would be? Am I doing something wrong?

The form is its own movie clip. The TextInput components are each on their own layer inside the form movie clip.

This topic has been closed for replies.

1 reply

Legend
December 16, 2016

Have you tested with multiple browsers on PC? Is the behavior consistent across all browsers?

Participating Frequently
December 16, 2016

Yes, the behavior/font size is consistent in MicrosoftEdge 38.14393.0.0, Chrome 55.0.2883.87 and Firefox 50.0.1 on PC, Windows 10 Home.