Co to jest viewport w HTML.

Co to jest viewport w HTML? Czy możesz podać kilka przykładów, jak uzyskać dostęp do szczegółów viewportu?

Author: Chuck Le Butt, 2010-05-30
Source

5 answers

Viewport jest częścią strony internetowej, którą użytkownik może obecnie zobaczyć. Paski przewijania przesuwają widok, aby wyświetlić inne części strony.

Postępuj zgodnie z instrukcjami tego artykułu, aby uzyskać wymiary widoku w Javascript.

if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
 75
Author: Matchu,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-10-14 10:14:38

Myślę, że ViewPort to tylko obszar do wyświetlania treści internetowych w przeglądarce. Różne przeglądarki mają własne ustawienia rozmiaru ViewPort, na przykład domyślna Szerokość ViewPort Safari wynosi 980 pikseli. Tak więc, jeśli rzeczywista strona internetowa, którą chcesz zobaczyć, jest mniejsza niż 980 pikseli, domyślnie podczas uzyskiwania dostępu do strony internetowej w Safari powinien być pusty obszar wyświetlania. Dlatego czasami musimy skonfigurować ViewPort dla lepszego wyświetlania treści internetowych w przeglądarka.

Jak Poniżej, na przykład: 

<meta name="viewport" content="width=device-width">

A także proszę przeczytać odpowiedź Pawła. Myślę, że już wyjaśnił użycie ViewPort.

 12
Author: Joe.wang,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 12:02:17

Viewport jest wirtualnym obszarem używanym przez silnik renderowania przeglądarki do określania skalowania i rozmiaru zawartości, gdy jest początkowo renderowana na bieżącym ekranie. To ci pomoże:

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

 8
Author: vicky,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-10-24 13:36:47

Viewport to obszar wizualny Twojej strony internetowej na browser.By za pomocą <meta name="viewport" możesz ustawić sposób renderowania zawartości Witryny na różnych urządzeniach. Osobiście lubię używać : <meta name="viewport" content="width=device-width, initial-scale=1.0>

 0
Author: aditya,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-03-26 05:38:53

Obszar viewport jest obszarem widocznym przez użytkownika na urządzeniu, meta tag jest używany do ustawiania szerokości zawartości strony zgodnie z widokami, aby zawartość strony była skalowana w dół lub w górę zgodnie z szerokością widokówprzypisy Dobre wyjaśnienie w MDN [https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag].

 0
Author: Manoj,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-08-16 06:34:08