【问题标题】:How to display my react application as desktop view on mobile?如何在移动设备上将我的反应应用程序显示为桌面视图?
【发布时间】:2021-12-13 21:39:45
【问题描述】:

我知道我可以使用媒体查询来使设计具有响应性。但我现在不想这样做。我想做的是当用户在移动设备上加载应用程序时,我的反应应用程序会检测到该应用程序并将应用程序显示为移动设备上的桌面视图。

【问题讨论】:

    标签: reactjs web responsive-design frontend web-frontend


    【解决方案1】:

    您可以更改index.html 中的元链接以显示桌面版本:

    <meta name="viewport" content="width=1920">
    

    而不是响应式版本:

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    

    您会在公共文件夹中找到index.html

    【讨论】:

    • 谢谢@adarsh 它正在工作,我想知道这种方式是否有任何缺点。
    • 我能想到的唯一缺点是现在所有页面都将在移动设备中获得桌面视图。如果你不想这样,你可以使用 react-helmet 包传递这个修改后的元标记
    猜你喜欢
    • 1970-01-01
    • 2018-08-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多