Displaying Twine on different screen resolutions

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