On iPhone Safari, Harlowe's CSS is rendering the text too small to comfortably read and navigate. On passages that have multiple links close to each other, the small font makes it difficult to select the desired option by touch without accidentally touching the wrong link.
I've noticed some Twine authors working around this by double-spacing a list of link options at the bottom of the passage instead of single-spacing, and trying not to have links too close to each other within a paragraph...
Any tips or ideas on how to make a Harlowe Twine story detect the browser or screen size and adjust the CSS accordingly? I'd like for it to remain as-is for desktop/tablet browsers but use a larger default font size for mobile browsers with smaller screens.
I've noticed some Twine authors working around this by double-spacing a list of link options at the bottom of the passage instead of single-spacing, and trying not to have links too close to each other within a paragraph...
Any tips or ideas on how to make a Harlowe Twine story detect the browser or screen size and adjust the CSS accordingly? I'd like for it to remain as-is for desktop/tablet browsers but use a larger default font size for mobile browsers with smaller screens.