I’m using harlowe 3.1.0 and i’m having trouble displaying my app on different screen resolutions as I designed it on a 15-inch laptop. I’m not sure there is a way to maintain the same aspect ratio on a different screen solution. I looked at media queries and meta viewports but I had trouble applying them into twine.
1 Like
When I’m adjusting my stuff for mobile, I usually do something like this:
@media screen and (max-width: 600px) {
body { font-size: 80%; }
}
That makes the text 20% smaller on screens with a width of 600 pixels or less. That’s a decent starter. Then you can add other settings, like maybe something like img { max-width: 400px;}
if you have big images. Stuff like that.
1 Like