щепотка зума без JavaScript - PullRequest
Новая
       6

щепотка зума без JavaScript

0 голосов
/ 15 мая 2019

Как я могу достичь функции масштабирования с помощью пинч-масштабирования на мобильном устройстве на локальном уровне (т.е. не на странице целом ) без необходимости использования Javascript? Пока что я могу масштабировать всю страницу с помощью тега окна просмотра META.

Я посмотрел на CSS touch-action: pinch-zoom, но странным образом он не делает то, что предполагает его название вообще , но, по-видимому, служит исключительно модифицированным для других действий, которые не имеют ничего общего с масштабированием. Тем не менее, на этой странице говорится о том, как touch-action должен работать, чтобы разрешить встроенную возможность масштабирования пинч-кода в самом браузере, что предполагает, что это каким-то образом возможно.

Я уже пытался сделать это с помощью IFRAME, но, видимо, не нашел подходящих атрибутов, необходимых для его работы:

pztest1.html 

<!doctype html>  
<html lang="en">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Pinch-Zoom Test IFRAME contents</title>
</head>
<body>
  <H1>This is a test</H1>
  <p>Test, test, test.</p>
</body>
</html>

Эта страница сама по себе масштабирование, но только вся страница. Поэтому я поместил содержимое в РАМКАХ на другую страницу:

pztest2.html 

<!doctype html>  
<html lang="en">
  <head>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>Pinch-Zoom Test</title>
  </head>
  <body>
    <h1>IFRAME test</h1>
    <iframe src="pztest.html" height="640" width="480">
    </iframe>
  </body>
</html>

Я не могу ущипнуть масштабирование в pztest2.html, ни в теле (что ожидается), ни в самом IFRAME. Если я удаляю метатег из pztest2.html, то я могу увеличить тело pztest.html и iframe с ним, но я не могу просто увеличить сам IFRAME, что является целью.

...