Chcę wykonać elastyczny projekt na moją witrynę. Jestem zdezorientowany dodając @media i @import w CSS.Co to jest definicja "widoku" na CSS?
Jaka jest definicja "widoku" w CSS? Jak zmierzyć punkt widzenia smartfonów i iPada lub iPhone'a?
rzutni jest obszar widoczny dla użytkownika przeglądarka albo można powiedzieć okno widoczne dla użytkownika.
Jeśli chcesz kierować reklamy na media, przejdź przez mydevice.io. W przypadku telefonów komórkowych i tabel użyj szerokości urządzenia do napisania zapytania o media.
Ale wolę używać zapytań o media zapisu przy użyciu min-width lub max-width. Użyj punktów przerwania.
@import jest import CSS
@media jest napisanie zapytania multimedialne nie tylko reaguje ale można pisać zapytań nośników oraz wiele więcej
Jeśli używasz Chrome u można:
prawym przyciskiem -> sprawdzić -> i włączyć tryb urządzenie (Ctrl + Shift + M)
Lub naciśnij F12.
Następnie wyświetlana jest szerokość i wysokość, możesz również zmienić, jakie deavice chciałbyś oglądać.
Ta strona ma dobre informacje. http://www.w3schools.com/css/css_rwd_mediaqueries.asp
Czytałem w książkach, że lepiej jest zaprojektować dla urządzeń mobilnych, a następnie zmienić , jeśli użytkownik komputera wchodzi na swoją stronę. Myślę, że ładuje się szybciej w ten sposób.
UWAGA
nie mogę wypowiedzieć się inaczej bym zrobił.
Prawdopodobnie lepiej zaprojektować, skupiając się na użytkownikach witryny, w przeciwieństwie do urządzeń mobilnych i stacjonarnych. Jeśli większość użytkowników korzysta z przeglądarki na komputerach, dlaczego warto wybrać urządzenie mobilne? Tylko sugestia. –
Cóż pójdę po tym, co czytam w książkach lub dobrych witrynach takich jak ten http://www.w3schools.com/css/css_rwd_mediaqueries.asp.Zawsze projektuj na urządzenia przenośne Najpierw Najpierw mobilna oznacza projektowanie na urządzenia mobilne przed zaprojektowaniem komputera stacjonarnego lub dowolnego innego urządzenia (spowoduje to szybsze wyświetlanie strony na mniejszych urządzeniach). Oznacza to, że musimy wprowadzić pewne zmiany w naszym CSS. Zamiast zmieniać style, gdy szerokość maleje poniżej 768 pikseli, należy zmienić projekt, gdy szerokość zwiększy się ponad 768 pikseli. Dzięki temu nasz projekt Mobile First: –
To jest szczegółowe wyjaśnienie tego, co chciałeś wiedzieć. The Viewport
Jeśli używasz Chrome następnie wykonaj następujące kroki, aby uzyskać rzutnię dowolnego urządzenia
Naciśnij F12> następnie kliknij trybie urządzenia przełącznik (jest w prawym górnym rogu okna, które pojawi się po naciśnięcie F12)> z rozwijanego menu wybrać żądane urządzenie, a następnie można uzyskać szerokość Twojego rzutni i wysokość
Przeczytaj ten artykuł https://developer.mozilla.org/ pl-US/docs/Mozilla/Mobile/Viewport_meta_tag – dippas
Definicja znajduje się [tutaj] (https://www.w3.org/TR/CSS21/visuren.html#viewport), ale na podstawie Twojego wstępu mocno podejrzewam to nie jest odpowiedź, której naprawdę szukasz. Jeśli masz konkretny problem z CSS, opublikuj swój kod i opisz swój problem. – BoltClock