https://pixel.painet.tech
理想状态下是这样的
不理想状态下是格子的布局有所不同，手机应该是看不了的，在考虑添加手机端的访问，但是不知道为什么要么电脑端出bug要么手机端出bug。
不理想状态下是格子的布局有所不同，手机应该是看不了的，在考虑添加手机端的访问，但是不知道为什么要么电脑端出bug要么手机端出bug。
感觉你这个像是gpt写的网页，别的先不说，性能太太太差了。这个需求应该用canvas实现。我理解你是想生成r/place画风，建议看看下列等项目
https://pixelplace.io/
想要适配手机端，首先得解决这个性能问题，然后右侧的用户栏可以做成可折叠的，类似ChatGPT的左侧记录栏。
okkkk感谢大佬，我去看看，我想的能用这个项目最好，但是没大看懂咋部署
这个项目我之前看过（
但是感觉不大适合简中互联网，尤其是里面登陆的方式
left-half的宽度设100%
right-half的display用媒体查询判断当前屏幕宽度是否小于某个阈值(就是小于这个值后你的布局会变得很难看)
如果小于则隐藏 并显示一个浮动简易按钮 点击后在弹窗内显示你的联系信息
以上想法需要利用JS实现弹窗的弹出和隐藏
另外 看起来你是想要做一个类似多人编辑的像素画的那种游戏。。？忘了原游戏叫啥名了。。