ํƒ์ƒ‰
์ปดํฌ๋„ŒํŠธ

ํ”Œ๋žซํผ ๋™์ž‘

๊ตฌ๋ฌธ ๊ฒ€์‚ฌ์™€ ๊ฒฉ๋ฆฌ๋œ ๋ทฐ ์ „ํ™˜์ž…๋‹ˆ๋‹ค.

๊ธฐ๋Šฅ ์ง€์›

(field-sizing: content) ํ™•์ธ ์ค‘โ€ฆ

(not-a-css-property: value) ํ™•์ธ ์ค‘โ€ฆ

The report uses CSS.supports() after hydration; the example keeps its native fallback.

๋ทฐ ์ „ํ™˜

๋ทฐ ์ „ํ™˜

๋ทฐ๋ฅผ ์„ ํƒํ•˜์„ธ์š”. ํŒจ๋„๊ณผ ์ œ๋ชฉ์€ ๋ช…๋ช…๋œ ์Šค๋ƒ…์ƒท์„ ์“ฐ๋ฉฐ ๋ฏธ์ง€์› ๋ธŒ๋ผ์šฐ์ €์™€ ๋ชจ์…˜ ๊ฐ์†Œ ์„ค์ •์—์„œ๋Š” ๋™์ผํ•˜๊ฒŒ ์ฆ‰์‹œ ๊ฐฑ์‹ ํ•ฉ๋‹ˆ๋‹ค.

์‚ฌ์šฉ ์œ„์น˜: ๋ทฐ ์ „ํ™˜ ๊ฐ€์ด๋“œ.

์‚ฌ์šฉ๋ฒ•๊ณผ ์ธํ„ฐํŽ˜์ด์Šค

DemoFeatureSupport๋Š” condition์„ ์ธ๋ผ์ธ ์ฝ”๋“œ๋กœ ํ‘œ์‹œํ•˜๊ณ  ์  ํ˜•ํƒœ์˜ ui-badge๋กœ ๊ฒฐ๊ณผ๋ฅผ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. ์ง€์›๋˜๋Š” ๊ฒฝ์šฐ ๋…น์ƒ‰, ๋Œ€์ฒด ๋™์ž‘์ด ์ ์šฉ๋˜๋Š” ๊ฒฝ์šฐ ์ค‘๋ฆฝ์ƒ‰์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

<DemoFeatureSupport condition="(field-sizing: content)" /><ProjectStyleExample name="nativeField" />

DemoViewTransition์€ DemoViewport ์•ˆ์— ์ „์šฉ ์˜ˆ์ œ ํŽ˜์ด์ง€๋ฅผ ๋กœ๋“œํ•˜๋ฏ€๋กœ ๋ฃจํŠธ ์Šค๋ƒ…์ƒท์— ๋ฌธ์„œ๊ฐ€ ํฌํ•จ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋™์ž‘ ์ค„์ด๊ธฐ ์„ค์ •๊ณผ API๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ํ™˜๊ฒฝ์—์„œ๋Š” ๋™์ผํ•˜๊ฒŒ ์ฆ‰์‹œ ์—…๋ฐ์ดํŠธํ•ฉ๋‹ˆ๋‹ค.