tag rzutni nie działa na iPhone i Android

Używam następujący kod HTMLtag rzutni nie działa na iPhone i Android

<!DOCTYPE HTML> 
    <html> 
    <head> 
    <title>test</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 
    </head> 
    <body> 
    test 
    </body> 
    </html>

Moją intencją jest, aby uniemożliwić użytkownikowi powiększanie lub pomniejszanie. Powyższy kod nie działa na iPhone'ach i urządzeniach z Androidem. Jakieś rozwiązanie?

EDIT: Wydaje w ustawieniach iPhone, jeśli Zoom została wybrana jako On pod Settings>Accessibility>Zoom, to zastąpi tag meta. Source

Nie wiem, dlaczego dzieje się to na Androidzie.

Źródło

2012-05-28 Prabhat

Użytkownicy przeglądarki Chrome mogą zastąpić metę Ustawieniami/Zaawansowane/Ułatwienia dostępu/Wymuś włączenie powiększenia: zaznaczone. – user3108698

Używam tego tagu, aby zapobiec zoom na wszystkich platformach mobilnych:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi" />

Z ; i nie ,

Źródło

2012-05-28 11:12:56 ChristopheCVB

Próbowałem tego. Mimo że widoczny jest efekt 'width = device-width', wciąż mogę powiększać i pomniejszać. – Prabhat

Edytowałem pytanie. Proszę spojrzeć. – Prabhat

Czy jesteś pewien co do użycia ';' zamiast ','? http://wiki.whatwg.org/wiki/MetaExtensions i https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag mówią o użyciu ','. – cherouvim

<meta charset="UTF-8" /> 
<meta name="viewport" content="width=device-width; height=device-height" />

działa dobrze na Samsung Galaxy S3

Źródło

2014-06-08 08:38:01

W moim część, mam ten "widok", który działa dobrze na Androidzie (Nexus 5) i na iPhonie.

<meta name="viewport" content="width=device-width; initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5; " />

Mam nadzieję, że ci to pomoże!

Źródło

2014-09-05 12:56:43

To właśnie zrobiłem dla mnie. Z jakiegoś powodu "początkowa skala" 1 powoduje niepożądany prawy margines, ale "początkowa skala" od 0,5 do 0,9 działa dobrze. Użyłem 0.9, ponieważ chciałem jak najbliżej 1. –

położyć ten skrypt, aby uniknąć zoomu szczypta. w najnowszej wersji przeglądarki Safari, jeśli tag nie działa

document.documentElement.addEventListener('touchstart', function (event) { 
      if (event.touches.length > 1) { 
       event.preventDefault(); 
      } 
     }, false);

Źródło

2017-02-07 07:53:15

jakiś czas trzeba dodać -webkit-Flex: 1 do pojemników (jeśli schematu flexbox używany oczywiście). Pomaga mi mój problem z rzutem.

Źródło

2017-06-04 20:04:31

tag rzutni nie działa na iPhone i Android

Odpowiedz

Powiązane problemy