Co oznacza <meta name = "viewport" content = "width = device-width"> czy w trybie poziomym w systemie iOS?

Question

Próbuję zrozumieć atrybuty skalowania w systemie iOS.

1. Według Apple's Developer Docs, deklarując <meta name="viewport" content="width=device-width"> powie iOS skalowanie strony internetowej do stosunku 1: 1 piksel po załadowaniu strony (w trybie portretowym).

2. Według dla osób w HTML5Boilerplate (patrz slajd 13), device-width będzie zawsze odpowiadać mniejszej mierze ekranu urządzenia iOS, niezależnie od orientacji urządzenia.

3. Dlatego też, jeśli załadować stronę w iOS z deklaracją <meta name="viewport" content="width=device-width"> trzymając urządzenie w orientacji poziomej, iOS będzie ustawić szerokość rzutni jest według tego, co wydaje się być jej wysokość ekranu, powodując 1,5: 1 (iPhone 4s) lub stosunek pikseli 2: 1 (iPhone 5).

Czy mam rację, czy też nie rozumiem definicji "szerokości" i "szerokości urządzenia", gdy Apple ich używa?

Co więcej, gdy urządzenie z systemem iOS się obraca, co obsługuje obszar wyświetlania? To jest szerokość, czy to skala? Czy to zależy od ustawień meta?

Answer 1

Według Apple Developer: Docs.

„Podobnie, jeśli podasz tylko szerokość rzutni, wysokość i waga początkowa są wywnioskować Zauważ, że ... orientacji poziomej utrzymuje szerokość równą szerokości urządzenia, która zmienia początkową skalę i powoduje powiększenie, gdy użytkownik zmieni orientację poziomą. "

Artykuł stwierdza, że ​​system iOS zachowuje te same ustawienia wyświetlania niezależnie od orientacji lub obracania urządzenia.

Zobacz , w części "Jak Safari podaje szerokość, wysokość i początkową skalę".