Bramus مدارس جیک در مورد تمام viewports که در مرورگر وجود دارد. اگر مشکلات چیدمان با موقعیت ثابت، واحدهای vw یا ارتفاع: 100٪ داشته اید، این قسمت احتمالاً دلیل آن را توضیح می دهد.
فصل ها:
- 00:00 - پیش درآمد
- 00:17 - مقدمه
- 01:03 - مرورگرهای دسکتاپ / نمای Layout
- 05:33 - ICB
- 12:51 - واحدهای نما
- 16:07 - زوم کوچک / The Visual Viewport
- 19:29 - نمای Layout، ICB و Visual Viewport در مرورگرهای موبایل
- 23:30 - نمای بزرگ، کوچک و پویا
- 28:35 - واحدهای Viewports و ارتباط آنها با ICB
- 30:25 - تغییر اندازه رفتار (در تلفن همراه) هنگامی که مناطق قابل ویرایش تمرکز پیدا می کنند
- 36:01 - API صفحه کلید مجازی
- 38:44 - نگاهی به توپ کریستالی من
- 42:04 - تلاش برای بررسی نمای پورت Interop 2022
- 43:20 - پایان
منابع:
- نماهای بزرگ، کوچک و پویا → https://goo.gle/3qxhne7
- با استفاده از VirtualKeyboard API → https://goo.gle/3U9rl2X از پنهان شدن محتوا در زیر صفحه کلید مجازی جلوگیری کنید
- بحث تلاش برای بررسی ویوپورت Interop 2022 → https://goo.gle/3DhBHYN
- صفحات آزمایشی تلاش بررسی ویوپورت Interop 2022 → https://goo.gle/3BDcuqy
- مشکل CSSWG در مورد تغییر اندازه و موقعیت‌یابی Viewport → https://goo.gle/3QJe12q
مشخصات فنی:
- (طرح بندی) تعریف نمای پورت (مشخصات CSS2) → https://goo.gle/3DlfjxG
- حاوی تعریف بلوک (مشخصات CSS2) → https://goo.gle/3Dl9hwN
- طول های نسبی درگاه دید (مشخصات مقادیر CSS 4) → https://goo.gle/3ddLwvZ
- Visual Viewport (MDN) → https://goo.gle/3L9PsKU
- Visual Viewport API (مشخصات CSSOM) → https://goo.gle/3qvAJk2
- انواع Viewport (مشخصات CSS Values 4) → https://goo.gle/3U7Wd3M
- مشخصات صفحه کلید مجازی → https://goo.gle/3qzq7R2
ویدیوهای بیشتر در سری HTTP 203 ← http://goo.gle/HTTP203 اشتراک برنامه‌نویسان Google Chrome در اینجا → https://goo.gle/ChromeDevs
همچنین، اگر از این کار لذت بردید، ممکن است پادکست HTTP203 را دوست داشته باشید → https://goo.gle/HTTP203Podcast