Włącz powiększanie strony mobilnej

Question

Zajmuję się tworzeniem witryny mobilnej. Ale efekt powiększenia nie działa na moich stronach. Użyłem następującego tagu na stronach.

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

chcę wiedzieć:

1. Czy to możliwe, aby uzyskać efekt powiększenia za pomocą tego znacznika i jak wykorzystać go w prawidłowy sposób?

2. Czy istnieje więcej tagów, których mogę użyć do tego celu?

3. Nasza baza klientów jest głównie na iPhonie. Czy są jakieś specjalne rzeczy/techniki, które powinienem rozważyć/wykorzystać podczas tworzenia mobilnej strony internetowej dla użytkowników iPhone'a?

Answer 1

Dzieje się tak dlatego, że ustawiłeś maksymalną skalę na minimalną wartość (1,0), co oznacza, że ​​nie można jej powiększyć poza to, co jest początkowo renderowane. Musisz ustawić maksymalną skalę na coś innego od 1,0 do 10,0 w tym metatagu. Domyślnie Apple ma mieć maksymalną skalę jako 5.0 zgodnie z Apple's Documentation.

Apple's Documentation on Meta Tags ma tabelę na właściwości rzutni, która lista wszystkich znaczników meta rzutni, które mogą być używane

Answer 2

zestaw także łatwy skalowalne do 1.

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=10.0; user-scalable=1;" /> 

Answer 3

Kiedy Właśnie natknąłem tego posta bo Wystąpił ten sam problem, zdałem sobie sprawę, że można po prostu usunąć tag, aby przewinąć/powiększyć.