A modern programming language that makes developers happier.

kotlinlang

image.png

I built the cmp wizard package as is.
It works fine on PC, but
Why is the width weird on mobile?      `<meta name="viewport" content="width=device-width, initial-scale=1.0">` Even with the settings, it's still twice the size. What are some good ways to do this?

My best approach:

```<!DOCTYPE html>
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

    &lt;script src="skiko.js"&gt;&lt;/script&gt;
    &lt;title&gt;Compose Settings&lt;/title&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;div&gt;
    &lt;canvas id="ComposeTarget"&gt;&lt;/canvas&gt;
&lt;/div&gt;
&lt;script src="composeApp.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;```


wrapping the canvas into a `div` but not 100% looking good

I copied and pasted the code,
it still doesn't work. in chrome ㅠㅠ

Screenshot_20240514_102634.png

<https://kotlinlang.slack.com/archives/C01F2HV7868/p1712869884587509?thread_ts=1712329095.238079&amp;cid=C01F2HV7868|Here I found> a solution that works for me