Метатег Viewport в маршрутизаторе приложений NextJS 14 с проблемой «shrink-to-fit=yes» ⇐ CSS

[Гость]

Я пытаюсь уменьшить масштаб приложения-маршрутизатора приложений NextJS 14 на любом устройстве шириной менее 500 пикселей, поскольку я делаю свое приложение адаптивным до ширины 500 пикселей, а все, что ниже, я хочу уменьшить, предварительно я я использовал минимальную ширину: 500 пикселей; в CSS тела и использовал этот тег внутри тега :

Код: Выделить всё

И это будет работать в мобильных приложениях Chrome и Safari и везде, однако теперь с NextJS 14 я не могу установить этот тег непосредственно в внутри файла Layout.tsx, поскольку уже определен тег области просмотра, и этот новый будет дубликатом и не вступит в силу, новый способ установки и изменения этого тега области просмотра по умолчанию изменен на этот вместо этого:

Код: Выделить всё

import type { Viewport } from 'next'

export const viewport: Viewport = {
width: 500,
maximumScale: 1,
userScalable: false,
}

Ссылка: https://nextjs.org/docs/app/api-referen ... e-viewport
Но это не так. поддержка сжатия=да, и без его добавления приложение будет увеличиваться в браузере Safari и некоторых других браузерах с помощью некоторой горизонтальной прокрутки.
Есть ли способ установить метатег с помощью Shrink-to-Fit=yes или другой способ решить проблему увеличения масштаба в представлении Safari Mobile при загрузке страницы?

Для ViewportLayout NextJS 14 имеет следующее:

Код: Выделить всё

export type ViewportLayout = {
width?: string | number;
height?: string | number;
initialScale?: number;
minimumScale?: number;
maximumScale?: number;
userScalable?: boolean;
viewportFit?: 'auto' | 'cover' | 'contain';
interactiveWidget?: 'resizes-visual' | 'resizes-content' | 'overlays-content';
};

Поможет ли какая-либо из этих комбинаций решить проблему, упомянутую в мобильном браузере Safari? или можно ли расширить этот макет, включив в него возможность сжатия?
Иначе, как разработчики обычно подходят к этому случаю, когда они хотят уменьшить размер своих веб-сайтов до меньших размеров? экраны в разных браузерах в NextJS 14 с маршрутизатором приложений?

Подробнее здесь: https://stackoverflow.com/questions/781 ... -yes-issue