如何从HTML或JavaScript代码强制在移动设备上查看桌面_Javascript_Html_Bootstrap 4

如何从HTML或JavaScript代码强制在移动设备上查看桌面

javascript html bootstrap-4

如何从HTML或JavaScript代码强制在移动设备上查看桌面,javascript,html,bootstrap-4,Javascript,Html,Bootstrap 4,我正在更新网站，手机视图看起来不太像样。我试着重写代码，但仍然令人沮丧，因为我不是构建前端的人 {header}或JavaScript函数中是否有代码可以实现这一点 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>

我正在更新网站，手机视图看起来不太像样。我试着重写代码，但仍然令人沮丧，因为我不是构建前端的人

{header}或JavaScript函数中是否有代码可以实现这一点

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>


文件

我为您推荐了一些解决方案

如果要识别设备，请使用JavaScript

/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)

或

但是你可以使用屏幕宽度的css

@media only screen and (max-width: 560px) { .exampleclass {} }

或者为移动版本创建一个自定义文件并在标题中调用它

<link rel="stylesheet" media="screen and (max-width: 560px)" href="mobile.css" />

您可以更改元链接以显示桌面版本：

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

而不是响应版本，即：

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

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