Как я могу заставить представление рабочего стола на мобильном устройстве из моего кода HTML или JavaScript

Question

Я обновляю сайт, и мобильное представление выглядит не так презентабельно. Я попытался переписать код, но он все еще разочаровывает, поскольку я не был человеком, который создавал интерфейс

. Есть ли какой-либо код в {header} или в функции JavaScript, который может этого добиться?

Answer 1

Я рекомендовал несколько решений для вас

, если вы хотите идентифицировать устройство, используйте JavaScript

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

ИЛИ

'ontouchstart' in document.documentElement)

Но вы можете использовать css сширина экрана

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

Или создайте пользовательский файл для мобильной версии и назовите его в шапке

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

Answer 2

Вы можете изменить мета-ссылку для отображения версии рабочего стола:

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

Вместо адаптивной версии:

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