Dlaczego znacznik rzutni został zmieniony w Fundacji 5.0? Brak szerokości = szerokość urządzenia?

Question

W ZURB Foundation 4.0, docs powiedzieć obejmują (w głowicy strony):

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

W ZURB Foundation 5.0, docs powiedzieć używać:

<meta name="viewport" content="initial-scale=1.0" /> 

Zauważ, że „width = specyfikacja szerokości urządzenia została usunięta. Czemu?

Każda struktura projektowania responsywnego, którą widziałem, obejmuje specyfikację "width = device-width". Co robi i dlaczego Fundacja 5.0 go rzuciła?

Answer 1

on został usunięty z powodu wewnętrznego nieporozumienia. Posiadanie tylko width=device-width powoduje powiększanie niektórych urządzeń po przejściu do trybu poziomego, co można poprawić, dodając initial-scale=1.0. Jednak tylko mając initial-scale=1.0, łamie okno na Androida.

Te pliki do pobrania powinny mieć właściwą tag rzutni (<meta name="viewport" content="width=device-width, initial-scale=1.0" />) w próbce index.html i docs powinny być trwałe teraz, ale daj nam znać, jeśli znajdziesz błąd.

Answer 2

Nie wiem, dlaczego został upuszczony w fundacji 5, może być to błąd!

Ustawia rzutnię układu przeglądarki, względem której są obliczane deklaracje CSS, takie jak szerokość: 20%, do szerokości urządzenia.

(Nawiasem mówiąc, Opera zaproponowała portu tę funkcjonalność do pełnej CSS, które w sumie wydaje się być dobrym pomysłem. Ale na razie utknęliśmy z tagu HTML.)

Normalnie układ viewport ma szerokość, którą zdecydował sprzedawca, jest optymalny do przeglądania witryn na komputery. Po ustawieniu rzutni meta na szerokość urządzenia masz pewność, że szerokość Twojej witryny jest zoptymalizowana dla urządzenia, na którym jest on oglądany.

Można to zrobić również za pomocą zapytań o media ..

wyraźnie można przeczytać tutaj http://tech.bluesmoon.info/2011/01/device-width-and-how-not-to-hate-your.html