JS / PHP自动在手机上输入桌面版

Question

所以我已经在网站上工作了很长一段时间，而且我有很多元素根本不能使用手机但是我注意到如果我使用桌面版选项，一切都是缩放并正确居中。现在我希望我的所有用户通过javascript或其他东西自动检查此选项，直到我得到网站的移动版本。

我不是专业人士，所以请保持简单的答案。谢谢！

Answer 1

使用媒体查询。您可以查看一个不错的MDN Web Docs page。要查看您是否在手机上，可以使用max-width CSS属性。

示例：
如果浏览器窗口为500px或更小，则背景颜色为lightblue

@media only screen and (max-width: 500px) {
    body {
        background-color: lightblue;
    }
}

希望我回答你的问题。

Answer 2

答案是根本无法完成。我试图做的事情只能通过使用CSS正确缩放元素（使用em，％，vw和vh）并避免使用像素作为度量来完成。