ניו וויופּאָרט וניץ
ביז איצט, 100vh איז געווען די גרעסטע הייך איר קען באַקומען פֿאַר דיין CSS סטיילז. די פּראָבלעם מיט 100vh איז אַז עס קען אַקשלי ווייַזן מער אינהאַלט ווי איז טכילעס בנימצא אויף פאַרשטעלן. א פּראַקטיש בייַשפּיל איר זאל טראַכטן פון איז יאָס 'סאַפאַרי בלעטערער.
דעם איצט ענדערונגען, ווי דער נאָרמאַל איז ענכאַנסט מיט קליין, גרויס און דינאַמיש וויופּאָרט וניץ. איך נאָר דערמאנט די הייך ביז איצט, אָבער אַלע די דריי גרייס קאַטעגאָריעס אויך צולייגן פֿאַר די ברייט. פֿאַר פּאַשטעס, איך וועט נוצן די הייך בלויז אין דעם אַרטיקל.
קליין וויופּאָרט אַפּאַראַט (svh, svw)
די קליין וויופּאָרט וניץ, יידענאַפייד דורך sv *, זענען אַליינד צו די "קליין וויופּאָרט". דער אַפּאַראַט רעספּעקט דינאַמיקאַללי טשאַנגינג UI-עלעמענץ פון די באַניצער אַגענט און יסענשאַלי אַלאַוז איר צו פּלאָמבירן די וויופּאָרט ויסמעסטונג ווען די קענטיק דאָקומענט אינהאַלט איז זיין קלענסטער גרייס און די UI-עלעמענץ זענען אין זייער גרעסטן גרייס.
אַ ביישפּיל וואָלט זיין די פעליקייַט UI אויסלייג פון Safari ווען איר לאָדן אַ בלאַט. די אַדרעס באַר אין די דנאָ איז יקספּאַנדיד און נעמט אַ פּלאַץ פון פּלאַץ. אין דעם שטאַט, די יוי עלעמענטן פון די באַניצער אַגענט נוצן די מאַקסימום פון זייער בנימצא פּלאַץ און די קענטיק אינהאַלט פון דיין בלאַט איז געגעבן זיין מינימאַל קענטיק גרייס.
גרויס וויופּאָרט אַפּאַראַט (lvh, lvw)
פאַרקערט צו די קליין וויופּאָרט, די גרויס וויופּאָרט רעזולטאטן אין אַ מאַקסימום ווערט וואָס פילז די קענטיק בלאַט ווען די וי איז אין זיין קלענסטער וואַריאַנט און די בלאַט אינהאַלט אין זיין גרעסטער. אויב די ספּעסיפיקאַטיאָן סאָונדס באַקאַנט, עס קען זיין רעכט צו דעם פאַקט אַז די קראַנט ימפּלאַמענטיישאַן פֿאַר "vh" און "vw" איז די זעלבע.
א פּראַקטיש בייַשפּיל וואָלט זיין די מיינונג פון Safari ווען איר מעגילע אַראָפּ אַ ביסל אויף אַ געגעבן סקראָלאַבלע בלאַט. ווי איר וועט באַמערקן, די אַדרעס באַר שרינקס, און דער קלענסטער קענטיק שפּור פון די וי. דיין אינהאַלט איז געגעבן זיין מאַקסימום מעגלעך פּלאַץ אין דעם שטאַט.
דינאַמיש וויופּאָרט אַפּאַראַט (דווה, דווו)
איר קען שוין האָבן געסט עס, די דינאַמיש וויופּאָרט וניץ קענען טוישן ווען דער באַניצער סקראָללס. זיי שפּאַן אין רובֿ די גרויס וויופּאָרט און לפּחות די קליין וויופּאָרט. דער ווערט קענען זיין גאַנץ האַנטיק אויב איר ווילן צו ייַנרייען די הייך פון די וויופּאָרט, אָבער שטענדיק האַלטן דיין אינהאַלט קענטיק, אפילו אויב דער באַניצער סקראָללס.
א פּראַקטיש בייַשפּיל פון אַזאַ אַ נוצן פאַל וואָלט זיין גלייַך אויף דעם PWA. יעדער "אויבן-דעם-פאַרלייגן" אָפּטיילונג פֿאַר אַן אַרטיקל האלט די פוטער אַליינד צו די דנאָ פון די וויופּאָרט.
אַוואַילאַביליטי
ווי פון שרייבן, די נייַע וויופּאָרט וניץ זענען בלויז בנימצא פֿון Safari 15.4 און ווייטער. פֿאַר קראָום, די שטריך איז הינטער אַ שטריך פאָן, אָבער נישט נאָך סטאַביל. אַחוץ די צוויי בלעטערער, קיין אנדערע פאַרקויפער שטיצט די נייַע וניץ דערווייַל.