При настройке 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')
проверьте эту ссылку, чтобы помочь вам 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/
Safari поддерживает область просмотра и ее атрибуты, но не target-densitydpi. перейдите по этой ссылке https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html#//apple_ref/doc/uid/TP40008193-SW1
Кажется, что в сафари нет целевой плотности точек на дюйм. Для того, что содержимое в Viewport сафари, смотрите Настройка Viewport.