Есть ли эквивалент Android <meta name= 'viewport' content = 'target-densitydpi = device-dpi'> для Safari на iPhone?

При настройке meta name='viewport' content='target-densitydpi=device-dpi' браузер Android и Opera Mobile обрабатывают пиксель CSS как пиксель устройства на моем устройстве, оставляя мои стили без изменений.

Есть ли эквивалентная функция, которая работает в Safari на iPhone?

В моем уже мобильном, оптимизированном с высоким разрешением DPI-приложении, основанном на медиа-запросах, я бы очень признателен, если браузер оставил мои таблицы стилей в одиночку.

(Мое полное объявление вида выглядит следующим образом: meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no; target-densitydpi=device-dpi')

Ответ 1

проверьте эту ссылку, чтобы помочь вам https://docs.google.com/present/view?id=dkx3qtm_22dxsrgcf4

Вы можете написать так

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

проверьте эту ссылку также https://www.davidbcalhoun.com/2010/the-viewport-metatag-mobile-web-part-1/

Ответ 2

Safari поддерживает область просмотра и ее атрибуты, но не target-densitydpi. перейдите по этой ссылке https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html#//apple_ref/doc/uid/TP40008193-SW1

Ответ 3

Кажется, что в сафари нет целевой плотности точек на дюйм. Для того, что содержимое в Viewport сафари, смотрите Настройка Viewport.