Javascript 如何在网站内基于移动设备动态缩放视口？

我正在主持一个网站作为一个项目，以熟悉网络方面的事情。我想我应该主持一个相当不错的网站。我甚至还没有接近成为一名web开发人员，但在意识到我的模板在移动设备上根本无法很好地扩展之前，我几乎完成了这项工作。如果没有一些严重的黑客攻击（试图将重点放在网络前端），它永远不会针对移动设备进行特别优化，但我希望它不会完全被破坏，并且已经喜欢上了美学，因此我不想切换到适应性更强的模板

我已经对视口进行了设置，以便在某些iPhone上可以很好地进行缩放，但我希望能够根据最终用户的设备进行动态缩放，因为当前的设置仍然会让相当多的用户的设计出现问题。我从哪里开始呢

---

这是网站：（一个虚构的邪教，用免费的Minecraft服务器引诱人们。lol）

尝试在css中使用

@media

标签，使网站在不同的设备大小上看起来更好或不同。更多信息请点击此处：